Quando um visitante abre o teu website pela primeira vez, o navegador descarrega todos os ficheiros necessários para mostrar a página: HTML, folhas de estilo, scripts, imagens e letras. Numa visita seguinte, o navegador não precisa de descarregar todos esses ficheiros outra vez se estiverem guardados localmente. A cache do navegador é o mecanismo que torna isto possível, e é uma das formas mais simples de fazer um website parecer mais rápido para quem regressa.
A cache do navegador guarda cópias dos ficheiros do website no dispositivo do visitante, para que os carregamentos seguintes possam saltar o descarregamento de recursos que não mudaram. O servidor diz ao navegador durante quanto tempo deve guardar cada ficheiro e quando deve verificar se há versões atualizadas. Perceber como funciona a cache do navegador ajuda-te a ver porque é que as visitas repetidas costumam parecer visivelmente mais rápidas do que a primeira.
Como funciona a cache do navegador?
Cada ficheiro que o teu servidor envia inclui instruções de cache nos cabeçalhos da resposta HTTP. Estes cabeçalhos dizem ao navegador se deve guardar o ficheiro, durante quanto tempo o deve manter e quando deve pedir uma cópia nova.
Na primeira visita, o navegador descarrega do teu servidor todos os ficheiros necessários e guarda no armazenamento local os que podem ficar em cache. Nas visitas seguintes, o navegador carrega os ficheiros válidos em cache a partir do armazenamento local, em vez de os descarregar outra vez.
Que ficheiros beneficiam mais da cache do navegador?
Nem todos os ficheiros devem ser guardados da mesma forma. Os recursos estáticos que raramente mudam são os candidatos ideais. O conteúdo dinâmico que se atualiza com frequência precisa de durações de cache mais curtas ou de nenhuma cache.
Duração longa de cache
- Folhas de estilo e ficheiros JavaScript que só mudam quando atualizas o design do site
- Imagens de logótipo, ícones e favicons
- Ficheiros de letras
- Imagens de fundo e gráficos decorativos
Duração curta de cache ou sem cache
- Páginas HTML com conteúdo atualizado com frequência
- Páginas com conteúdo personalizado ou dinâmico
- Respostas de API e pontos de processamento de formulários
O princípio geral é simples: guarda em cache de forma agressiva o que raramente muda e com cautela o que muda muitas vezes. O artigo sobre o que é a cache e porque é importante cobre o panorama mais amplo da cache, incluindo a cache no servidor e em CDN.
Porque é que a cache do navegador importa para a velocidade?
A cache do navegador reduz diretamente a quantidade de dados que um visitante tem de descarregar e o número de pedidos ao servidor nas visitas repetidas. As duas melhorias traduzem-se em carregamentos de página mais rápidos.
Tempo de carregamento percebido mais rápido
Carregar uma folha de estilo do armazenamento local demora milissegundos. Descarregar o mesmo ficheiro por uma ligação de rede demora centenas de milissegundos ou mais, consoante a velocidade da ligação. Nas visitas repetidas, os recursos em cache aparecem quase de imediato, fazendo a página parecer bastante mais rápida mesmo antes de o conteúdo novo carregar.
Menos carga no servidor
Cada ficheiro servido a partir da cache do navegador é um pedido a menos que o teu servidor tem de tratar. Nos sites com visitantes recorrentes, isto melhora os tempos de resposta para todos os visitantes.
Ganhos de desempenho em telemóvel
As ligações móveis costumam ser mais lentas do que as de computador. A cache do navegador dá um benefício de velocidade ainda maior no telemóvel porque elimina pedidos de rede que seriam lentos em ligações mais fracas. O artigo sobre porque é que a velocidade da página em telemóvel importa explica porque esta camada é especialmente crítica para os visitantes em telemóvel.
Como o WEMASY trata a cache do navegador
O WEMASY define automaticamente cabeçalhos de cache adequados para todos os tipos de ficheiro. Os recursos estáticos, como folhas de estilo, scripts e imagens, recebem durações de cache longas. As páginas HTML recebem durações mais curtas, para que as atualizações de conteúdo apareçam logo depois de publicares. Quando fazes alterações no editor, o sistema do WEMASY atualiza as versões da cache, para que os visitantes que regressam recebam conteúdo novo sem limpeza manual da cache.
Vê o que está incluído no criador de websites WEMASY ou consulta os planos na página de preços.
Perguntas frequentes
O que é a cache do navegador?
A cache do navegador guarda cópias dos ficheiros do website no dispositivo do visitante para que as visitas repetidas carreguem mais depressa. O servidor envia instruções de cache com cada ficheiro, a dizer ao navegador durante quanto tempo o deve manter antes de verificar se há atualizações. Com o criador de websites do WEMASY, podes configurar isto diretamente no teu website.
Em que é que a cache do navegador é diferente da cache do servidor?
A cache do navegador guarda ficheiros no dispositivo do visitante para um carregamento mais rápido nas suas visitas repetidas. A cache do servidor guarda páginas já construídas no servidor de alojamento, para que o processo de geração da página não corra em cada pedido. As duas reduzem o tempo de carregamento, mas atuam em pontos diferentes da cadeia de entrega.
Porque é que o meu website é rápido na segunda visita mas lento na primeira?
A primeira visita exige descarregar do servidor todos os recursos da página. A segunda visita carrega muitos desses recursos a partir da cache do navegador, o que é muito mais rápido. É um comportamento normal e mostra que a cache do navegador está a funcionar. Otimizar a primeira visita passa pela compressão de imagens, pelo tempo de resposta do servidor e pela redução dos recursos que bloqueiam a apresentação.
Os visitantes podem ver conteúdo antigo por causa da cache do navegador?
Sim, se as durações de cache forem demasiado longas e o servidor não atualizar as versões da cache depois de alterações de conteúdo. As plataformas bem geridas tratam disto automaticamente, atualizando os identificadores de cache quando publicas alterações. Os visitantes recebem então ficheiros novos na visita seguinte, sem precisarem de limpar a cache do navegador à mão.
Devo limpar a cache do navegador para testar o meu website?
Limpar a cache do navegador é útil para testar se as alterações recentes aparecem corretamente. Simula a experiência de um visitante que chega pela primeira vez. Para a navegação do dia a dia no teu próprio site, não é preciso limpar a cache. Usa uma janela privada ou anónima para testar sem afetar os teus ficheiros em cache habituais.
Preciso de configurar eu mesmo a cache do navegador?
Numa plataforma de websites gerida, os cabeçalhos de cache são configurados automaticamente com base no tipo de ficheiro. Num alojamento gerido por ti, a configuração da cache exige definições do servidor ou extensões de cache. O WEMASY trata de toda a configuração da cache do navegador sem qualquer configuração técnica da tua parte.