Aproveite o armazenamento em cache do navegador

Toda vez que um navegador carrega uma página da web, ele precisa baixar todos os arquivos para exibir corretamente a página. Isso inclui todos os HTML, CSS, JavaScript e as imagens.

Algumas páginas podem consistir apenas em alguns arquivos e ser de tamanho pequeno (talvez dois kilobytes). Para outras, no entanto, pode haver muitos arquivos, e estes podem ter vários megabytes.

A questão tem dois pontos:

  • esses arquivos grandes levam mais tempo para carregar e podem ser especialmente dolorosos se o usuário estiver com uma conexão lenta à Internet (ou um dispositivo móvel);
  • cada arquivo faz uma solicitação separada para o servidor. Quanto mais pedidos simultaneamente seu servidor recebe mais trabalho ele precisa fazer, reduzindo ainda mais a velocidade da sua página.

O cache do navegador pode ajudar armazenando alguns desses arquivos localmente no navegador do usuário.

Na primeira visita, o seu site levará o mesmo tempo para carregar. No entanto, quando esse usuário revisitar seu site, atualizar a página ou mesmo se mover para uma página diferente em seu site, esse usuário já possuirá alguns dos arquivos localmente.

Isso significa que a quantidade de dados que o navegador do usuário precisa baixar é menor. E será necessário fazer menos solicitações ao seu servidor. O resultado? Diminuição dos tempos de carregamento da página.

Como funciona?

O cache do navegador funciona marcando certas páginas (ou partes de páginas) como sendo necessárias para serem atualizadas em diferentes intervalos de tempo.

A logomarca de seu site, por exemplo, é improvável que mude de um dia para o outro. Ao armazenar em cache a imagem da logomarca, podemos dizer ao navegador do usuário que apenas baixe essa imagem uma vez por semana. Toda visita que o usuário faz dentro de uma semana não exigirá outro download da imagem da logomarca.

O servidor informando o navegador para armazenar esses arquivos e não baixá-los quando um usuário retornar, economiza o tempo e sua largura de banda do servidor web.

Por que isso é importante?

A principal razão pela qual o cache do navegador é importante é porque reduz a carga no seu servidor web, o que, em última instância, reduz o tempo de carregamento para seus usuários.

Como alavancar o cache do navegador

Para habilitar o armazenamento em cache do navegador, você precisa editar seus cabeçalhos HTTP para definir os horários de expiração para determinados tipos de arquivos.

Configurando o Apache para atender aos cabeçalhos apropriados

Encontre seu arquivo .htaccess na raiz do seu domínio. Este arquivo é um arquivo oculto, mas deve aparecer em clientes de FTP (como o FileZilla). Você pode editar o arquivo .htaccess com o bloco de notas ou qualquer outro editor de texto básico.

Neste arquivo, você deve definir seus parâmetros de cache para dizer ao navegador quais tipos de arquivos armazenar em cache.

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##

Dependendo dos arquivos do seu site, você pode definir horários de caducidade diferentes. Se certos tipos de arquivos forem atualizados com mais frequência, então você estabeleceria um tempo de caducidade menor (por exemplo, arquivos css)

Quando terminar, salve o arquivo como está e não como um arquivo .txt.

Se você estiver usando o WordPress, existem plugins: W3 Total Cache e o WP Super Cache, dentre outros.

Recomendações

  • Seja agressivo com seu armazenamento em cache para todos os recursos estáticos;
  • No mínimo de um mês;
  • Não configure seu armazenamento em cache com mais de um ano de antecedência.

Seja cuidadoso

Você deve ter cuidado ao ativar o cache do navegador pois se você definir os parâmetros para muito tempo (determinados arquivos), os usuários talvez não recebam a nova versão do seu site após as atualizações que você fizer nele.

Isso é particularmente relevante se você estiver trabalhando com um designer para fazer alterações em seu site. O designer pode ter feito as mudanças, mas você ainda não as pode ver porque os elementos que foram alterados estão em cache no seu navegador.

Talvez você goste de

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *