Esses dias, eu estava fazendo a avalização de vários sites que rodam em WordPress, e fiz um teste com 100 sites que acesso frequentemente e percebi, que apenas 1 em cada 10 faz o Cache de maneira eficiente.

Resolvi deixar aqui 3 dicas muito úteis para melhorar a performance do seu site com o .htaccess.

O .htaccess é uma forma bem simples de deixar comandos para o seu Apache, então faremos algumas configurações para os arquivos que estão em nosso servidor para que os Browsers interpretem-os da forma correta, sem redundância.

Configurar ETags

Bom vamos a parte interessante do artigo, primeiro vamos ver como acabar as ETags, que aparecem nos testes de Velocidade do YSlow e do Google Speed (ambos plugins para Firefox).

Abram o arquivo .htaccess que deve se encontrar na raiz do seu servidor. Caso ele não esteja lá você pode fazer o download no final do artigo.

Adicione o código a seguir, no final do arquivo:

Header unset ETag
FileETag None

Salve o arquivo e suba-o para o local onde ele se estava.

Configurar o Header Expire

Esta é uma parte muito interessante de se trabalhar com o cache, pois existem várias formas de se fazer, mas duas são bem simples de se fazer e muito efetivas, e como são, então tome cuidado para não deixar a data para um arquivo dinâmico, muito distante, pois pode te trazer problemas, como aconteceu no Guanabara.info que coloquei 10 dias e muitos usuários reclamaram de que estavam vendo conteúdo atrazado.

Bom se você não usa um sistema de gerenciamento de conteúdo e não tem problemas com setar uma data específica para que os arquivos expirem, segue a primeira solução:

Header set Expires "Sun, 15 Feb 2020 20:00:00 GMT"

Mas as vezes é necessário fazer com que esta data seja apenas para alguns arquivos, então vamos dar uma melhorada no código e teremos:

<FilesMatch "\.(ico|jpg|jpeg|png|gif|js|css|swf|pdf)$">
Header set Expires "Sun, 15 Feb 2020 20:00:00 GMT"
</FilesMatch>

É bem simples de se configurar, mas tem uma grande desvantagem, a data é fixa, e não vai variar a não ser que você modifique o arquivo.

Existe uma outra maneira que altera esta data de maneira relativa, segue como contruir o código no .htaccess para que isso aconteça, veja abaixo:

ExpiresActive On
ExpiresDefault "access plus 10 years"

Desta forma você vai configurar a data para expirar para 10 anos, baseando-se na data do último arquivo adicionado. Mas existe como você adicionar um cache baseado na data atual:

ExpiresActive On
ExpiresDefault "now plus 10 years"

Mas é sempre legal fazer um filtro para cada tipo de arquivo que temos em nosso site, para que se torne algo mais específico e bem feito. Então temos o seguinte código:

ExpiresActive On
ExpiresDefault "access plus 1 day"
ExpiresByType text/html "access plus 1 day"
ExpiresByType image/gif "access plus 2 years"
ExpiresByType image/jpeg "access plus 2 years"
ExpiresByType image/png "access plus 2 years"
ExpiresByType text/css "access plus 2 years"
ExpiresByType text/javascript "access plus 7 days"
ExpiresByType application/x-javascript "access plus 7 days"

Lembrando sempre que para que essas dicas funcionem é necessário ter instalado na sua hospedagem o mod_expires, que é bem popular mas… verifique antes de fazer.