Adicionar cabeçalhos expira

Como faço para adicionar cabeçalhos expirados ao arquivo .htaccess?

O GTmetrix ou o Pingdom mostram o erro “Adicionar cabeçalhos expirados”?

O que é o cabeçalho Expira?

Quais são as etapas para adicionar cabeçalhos expirados ao .htaccess?

Quando é o momento certo para os arquivos e o cache expirarem?

Explicado de forma compreensível como adicionar cabeçalhos Expires ao arquivo .htaccess.

Uma das mensagens de erro mais comuns ao testar o site no Pingdom ou GTmetrix é: Adicionar cabeçalhos expira.

A mensagem de erro diz para aumentar o tempo gasto nos arquivos (imagens, HTML, CSS e JavaScript) que permanecem no cache do seu site. O cache tem um impacto direto no tempo de carregamento do seu site. A velocidade do site é uma otimização SEO muito importante. O Google classifica a velocidade do site como um fator de classificação significativo. Os operadores de sites que não otimizaram a velocidade de carregamento de seu site não alcançarão bons rankings nos resultados de pesquisa no Google em tempos de “mobile first”. Sites que não estão otimizados para dispositivos móveis em 2019 e não têm tempos de carregamento rápidos dificilmente serão encontrados nos primeiros rankings dos motores de busca.

Quando um usuário visita seu site na web, o navegador baixa automaticamente uma série de arquivos. Cada um desses arquivos tem uma data de expiração e permanece no cache por um determinado período de tempo. Se o usuário decidir revisitar outras páginas do seu site ou site, nem todos os arquivos precisam ser recarregados. Se o tempo para os arquivos expirarem for definido muito curto, o erro “Adicionar cabeçalhos expira” aparecerá.

Como funciona o cabeçalho Expira?

Os cabeçalhos expirados dão ao navegador o comando para baixar e salvar esses arquivos. A razão para isso é reduzir a quantidade de envio e recebimento entre o computador e o servidor (ou seja, o site) e usar os dados armazenados no cache.

Como resultado, leva um pouco mais de tempo para carregar um site recém-acessado do que quando chamado repetidamente. Dependendo do site, existem diferentes arquivos, como HTML, CSS, JavaScripts, gráficos, imagens, PDF e outros arquivos que fazem parte da funcionalidade do site e precisam ser carregados.

Assim, cada vez que um novo usuário visita seu site, todos esses arquivos são solicitados do servidor. Cada solicitação (para cada arquivo individual) requer um tempo de carregamento diferente, dependendo da saudação do arquivo. No entanto, quando determinados arquivos são colocados na memória, o número de solicitações diminui. Isso fará com que o site carregue mais rápido.

# Quanto tempo os dados devem permanecer no cache do navegador?

Para impedir que os usuários baixem novamente os arquivos compartilhados, uma data de validade deve ser definida para esses arquivos. A data de expiração definida informa ao navegador qual arquivo solicitar do servidor e qual arquivo solicitar do cache.

Quais arquivos são armazenados em cache?

O primeiro passo é determinar quais arquivos são atualizados com freqüência e quais são atualizados com pouca frequência.

Arquivos que raramente são atualizados:
Imagens
Vídeos
Áudio
O Favicon
Webfonts, fontes

Arquivos que são atualizados com mais freqüência:
Javascript e CSS
Texto

Como faço para adicionar cabeçalhos expira ao arquivo .htaccess para evitar o erro “adicionar cabeçalhos expira”.

Adicionar cabeçalho expira ao arquivo .htaccess:
O arquivo .htaccess geralmente é um arquivo oculto em seu diretório raiz. Certifique-se de fazer um backup deste arquivo antes de fazer quaisquer alterações. Se algo correr mal, pode restaurar o ficheiro guardado.

1. Faça o download do seu arquivo .htaccess. Se o arquivo estiver oculto, ative Mostrar arquivos ocultos no FTP.

2. Abra seu arquivo .htaccess em um editor (Notepad ou Notepad ++) e adicione seu código com as datas de validade. Isso pode ser determinado individualmente de acordo com suas necessidades.

Por exemplo, usamos o seguinte código, você está convidado a copiá-lo e usá-lo adaptado para o seu .htaccess:

# Expires headers (for better cache control)
<ifmodule mod_expires.c>
        ExpiresActive on
        # Perhaps better to whitelist expires rules? Perhaps.
        ExpiresDefault                              "access plus 1 month"
        # cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
        ExpiresByType text/cache-manifest           "access plus 0 seconds"
        # Your document html
        ExpiresByType text/html                     "access plus 0 seconds"
        # Data
        ExpiresByType text/xml                      "access plus 0 seconds"
        ExpiresByType application/xml               "access plus 0 seconds"
        ExpiresByType application/json              "access plus 0 seconds"
        # Feed
        ExpiresByType application/rss+xml           "access plus 1 hour"
        ExpiresByType application/atom+xml          "access plus 1 hour"
        # Favicon (cannot be renamed)
        ExpiresByType image/x-icon                  "access plus 1 week"
        # Media: images, video, audio
        ExpiresByType image/gif                     "access plus 4 months"
        ExpiresByType image/png                     "access plus 4 months"
        ExpiresByType image/jpeg                    "access plus 4 months"
        ExpiresByType image/webp                    "access plus 4 months"
        ExpiresByType video/ogg                     "access plus 1 month"
        ExpiresByType audio/ogg                     "access plus 1 month"
        ExpiresByType video/mp4                     "access plus 1 month"
        ExpiresByType video/webm                    "access plus 1 month"
        # HTC files  (css3pie)
        ExpiresByType text/x-component              "access plus 1 month"
        # Webfonts
        ExpiresByType font/ttf                      "access plus 4 months"
        ExpiresByType font/otf                      "access plus 4 months"
        ExpiresByType font/woff                     "access plus 4 months"
        ExpiresByType font/woff2                    "access plus 4 months"
        ExpiresByType image/svg+xml                 "access plus 1 month"
        ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
        # CSS and JavaScript
        ExpiresByType text/css                      "access plus 1 year"
        ExpiresByType application/javascript        "access plus 1 year"
</ifmodule>
## EXPIRES END

Uma breve explicação para isso:

< A consulta IfModule mod_expires.c> verifica se o módulo de servidor necessário está instalado.

ExpiresActive On ativa o módulo para o seu site, seguido pelas informações sobre quais tipos de arquivo devem ser armazenados em cache e por qual período de tempo. O tempo é especificado sob a forma “a partir do último acesso para o período X”, no exemplo “acesso acrescido de 1 semana”, ou seja, “a partir do acesso durante uma semana”. Quando o período definido expirar, o arquivo no cache do navegador será substituído pela versão atual do seu site.

Certifique-se de que o tempo é sempre definido no plural, ou seja, há um “s” no final (semanas, meses, …). Você pode descobrir quais valores são possíveis como uma especificação de tempo na documentação oficial do servidor web Apache: http://httpd.apache.org/docs/2.0/mod/mod_expires.html#AltSyn

3. Depois de ter feito as alterações no arquivo .htaccess, não se esqueça de salvá-lo e enviá-lo de volta para o diretório raiz do seu site, a menos que você tenha feito uma alteração direta no servidor.

Quanto tempo deve ser definido o tempo de expiração dos ficheiros?

A duração do cache pode ser definida em anos, meses, semanas, dias, horas e até segundos.

A data de expiração de cada ficheiro deve ser definida com base na hora em que é utilizado/solicitado.

A data de validade das imagens pode ser definida para cerca de um ano, pois geralmente não são alteradas e o carregamento de imagens leva a maior parte do tempo.

HTML, CSS e JavaScript são mais propensos a serem atualizados regularmente. A data de validade pode ser definida como um mês ou menos.