Ao visitar um site pela primeira vez, seu navegador baixa muitos arquivos para exibir a página. Isso inclui código HTML, imagens, folhas de estilo e arquivos JavaScript. Isso pode gerar muitos dados e ser um pouco lento, especialmente em dispositivos móveis, devido ao cache do navegador.
A maioria desses arquivos, no entanto, é usada em todo o seu site. O mesmo logotipo, a mesma folha de estilo e os mesmos arquivos JavaScript são usados em todas as páginas. Então, não seria ótimo se todos esses arquivos precisassem ser baixados apenas uma vez? É exatamente isso que... cache do navegador sim. Ele armazena uma cópia desses arquivos no navegador do visitante e, na próxima vez que esse arquivo for necessário, o navegador o obterá de seu próprio cache, em vez do servidor. O resultado é uma experiência do usuário muito mais rápida e eficiente.
Como funciona o cache do navegador
O cache do navegador é uma ideia simples. Você define um tempo de expiração para um arquivo, que informa ao navegador por quanto tempo ele pode salvar o arquivo antes de precisar baixar uma nova cópia. Por exemplo, você pode instruir o navegador a armazenar sua folha de estilo em cache por um mês. Após a primeira visita, a folha de estilo é salva localmente e o navegador não baixará uma nova cópia do servidor por 30 dias.
Esta é uma ótima maneira de melhorar a velocidade da sua página, mas há um porém. Se você alterar um arquivo em cache, um visitante que já tenha visitado o seu site ainda verá a versão antiga até que o tempo de expiração se esgote. Falaremos sobre como corrigir isso em breve.
Verifique se o cache do navegador do seu site está habilitado
A esta altura, você provavelmente está se perguntando se o cache está habilitado em seu site. Você pode usar o Ferramenta de auditoria de site ClickRank para verificar todo o seu site de uma só vez. Ele pode escanear todos os arquivos do seu site e mostrar o tempo de expiração de cada um. Esta é uma etapa crucial para entender o desempenho e a velocidade da página do seu site.
Como configurar o cache do navegador
Configurar o cache do navegador é uma tarefa simples, mas importante. Se você não especificar explicitamente um tempo de expiração, o navegador do visitante sempre tentará buscar uma cópia atualizada do servidor, o que pode tornar a experiência dele bastante lenta.
Apache: Expira cabeçalhos
Se você estiver usando um servidor Apache, você pode configurar o cache editando seu .htaccess arquivo. Você pode definir o tempo de expiração para cada tipo de arquivo individualmente. Por exemplo, você pode definir o tempo de expiração para fontes em um ano, imagens em três meses e folhas de estilo e JavaScript em um mês. Esta é uma maneira simples e eficaz de habilitar o cache do navegador.
Controle de cache do Apache
Uma maneira alternativa de definir instruções de cache é Controle de Cache cabeçalho. Funciona de forma muito semelhante e possui algumas opções extras. Para a maioria dos sites, usar cabeçalhos Expires será suficiente.
Cache do navegador no WordPress
Se você usa um CMS como o WordPress, pode usar um plugin para habilitar o cache do navegador. Existem muitos plugins excelentes disponíveis que permitem habilitar o cache com apenas alguns cliques. Esta é uma ótima opção se você não tiver acesso ao seu servidor. .htaccess arquivo ou se preferir usar um plugin para lidar com isso para você. Uma plataforma abrangente Classificação de cliques pode ajudar você com isso. Por exemplo, a plataforma pode verificar se há problemas de cache no seu site e fornecer uma lista priorizada de tarefas para corrigi-los.
Invalidando o cache
E se você precisar alterar um arquivo em cache? Por exemplo, você alterou seu logotipo, mas todos que visitaram seu site recentemente ainda estão vendo o antigo. Pedir para todos limparem o cache não é uma opção.
Uma maneira de corrigir isso é alterar o nome do arquivo. Por exemplo, você pode alterar style.css para estilo-novo.cssO navegador interpretará este como um novo arquivo e baixará a versão mais recente do servidor. Esta é uma maneira simples e eficaz de forçar o navegador a baixar um novo arquivo, mesmo que o tempo de expiração ainda não tenha expirado.
