Instant Fix WordPress Alavancar o Cache do Navegador (Passo a Passo)
Publicados: 2021-07-08WordPress Alavanque o Cache do Navegador (Correção Fácil e Instantânea)
Índice
Se você quiser entender completamente como corrigir o cache do navegador de alavancagem no WordPress, fique conosco até o final, porque temos muito a compartilhar.
Quem não gosta de ter uma velocidade de carregamento extremamente rápida?
Mas de alguma forma você descobriu que “alavancar o cache do navegador” está impedindo que seu site seja carregado rapidamente.
No entanto, estamos aqui para isso com uma solução.
Este é o erro mais comum que a maioria das pessoas encontra no Google PageSpeed Insights.
E se o seu objetivo é atingir mais de 90 pontuações no Google PageSpeed Insights, então você precisa corrigir isso.
Você precisa saber que a velocidade da página é mais importante do que nunca para obter uma classificação alta nos SERPs do Google, além de fornecer uma BOA experiência ao usuário.
Este post lhe dirá o que o WordPress aproveita o cache do navegador e como corrigir o cache do navegador no WordPress.
ENTÃO, vamos apenas cavar.
Poucas informações sobre alavancar o cache do navegador WordPress
Para simplificar, aproveitar o cache do navegador acelera o carregamento da página, reduzindo as solicitações HTTP e melhorando o tempo de resposta do servidor.
AGORA, o que queremos dizer com cache?
A quantidade de tempo que os navegadores armazenam os recursos em cache disponíveis em um site localmente é chamado de cache.
O que está incluído nisso?
Isso inclui imagens, CSS, JavaScript e outros.
Quando alguém visita o site, os recursos armazenados em cache que foram salvos no seu dispositivo são carregados novamente.
A velocidade de carregamento do site é melhorada visivelmente. Esta é a razão pela qual as pessoas querem aproveitar o cache do navegador no WordPress.
O que é uma plataforma genuína que mostra dados e soluções reais?
Você pode experimentar o Think with Google para verificar o status do seu site se ele for carregado rapidamente ou se demorar alguns segundos para carregar totalmente.
Esta ferramenta lhe dará todas as soluções de como você pode otimizar seu site para carregá-lo rapidamente, com um relatório completo.
Outra ferramenta legítima que você pode usar é o PageSpeed Insights do Google para testar a velocidade da página do seu site.
Ele recomendará que você desenvolva uma política de cache poderosa para aumentar a velocidade da página.
Como aproveitar o cache do navegador
Se você possui ou opera um site, deve ser informado de que o cache do servidor se refere ao mecanismo pelo qual seu site produz páginas da Web em cache.
Isso é do lado do servidor; o cache do navegador ocorre quando os usuários acessam o site por meio do navegador.
Isso é exatamente o oposto da afirmação anterior.
Além disso, quando você usa o cache do navegador, está informando ao seu servidor por quanto tempo os recursos devem ser armazenados nos navegadores de seus visitantes.
Para aproveitar o cache do navegador, normalmente você precisará identificar os cabeçalhos HTTP para especificar os tempos de expiração corretos para vários tipos de arquivo em seu site.
Se você quiser inserir o código manualmente ou usar um plugin WordPress vai depender se seu servidor web é Nginx ou Apache.
AGORA, vamos passar para os métodos para alavancar o cache do navegador no WordPress, com e sem um plugin.
Como corrigir o cache do navegador de alavancagem no WordPress sem plug-in?
Muitas pessoas não preferem um plugin do WordPress para corrigir esse problema.
Você pode usar o cache do navegador alterando as configurações em seu servidor web.
Seu servidor da Web informará ao navegador do visitante para salvar esses recursos no cache do navegador, se você fizer isso.
Esses arquivos serão armazenados localmente pelo navegador por um determinado período de tempo e usados para visitas subsequentes à página.
O procedimento para instruir seu servidor web para iniciar o cache dos navegadores de seus visitantes varia de servidor para servidor.
Apache e Nginx são os servidores web mais populares.
Vamos começar a corrigir o cache do navegador no WordPress em ambos os servidores passo a passo.
1. Aproveite o cache do navegador WordPress usando (Apache)
Muitos serviços de hospedagem compartilhada usam Apache, portanto, se seu site tiver um arquivo .htaccess, você precisará seguir as instruções do código Apache.
Veja como você pode usar o código personalizado para aproveitar o cache do navegador em seu servidor Apache.
Depois de confirmar que seu servidor está rodando no Apache, você pode passar para a próxima etapa.
1. Para ter acesso ao seu servidor, faça login no CPanel ou use um cliente FTP.
2. Encontre seu arquivo .htaccess agora.
Como o arquivo .htaccess pode estar oculto por padrão, talvez seja necessário mostrar arquivos ocultos (dotfiles).
Seu arquivo .htaccess deve se parecer com a imagem abaixo.
Você precisa entender que pode editá-lo diretamente no servidor ou importá-lo e abri-lo em um editor de texto.
Além disso, você tem muitas opções para determinar as regras de cache do navegador, como:
Expirar cabeçalhos ou cabeçalhos Cache-Control.
Vejamos ambos.
1. Cabeçalhos de controle de cache:
Você precisará adicionar o seguinte trecho de código ao topo do seu arquivo.htaccess depois de abri-lo:
Copie esse código:
# BEGIN Cache-Control Headers
<IfModule mod_expires.c>
<IfModule mod_headers.c>
<filesMatch “\.(ico|jpe?g|png|gif|swf)$”>
Header append Cache-Control “public”
</filesMatch>
<filesMatch “\.(css)$”>
Header append Cache-Control “public”
</filesMatch>
<filesMatch “\.(js)$”>
Anexo de cabeçalho Cache-Control “privado”
</filesMatch>
<filesMatch “\.(x?html?|php)$”>
Header append Cache-Control “private, must-revalidate”
</filesMatch>
</IfModule>
</IfModule>
2. Expira Cabeçalhos:
Esses cabeçalhos Expire podem ser adicionados ao topo do seu arquivo.htaccess, assim como o cabeçalho Cache-Control.
Veja o formato do código:
## EXPIRA O Cache ##
<IfModule mod_expires.c>
Expira Ativo em
ExpiresByType image/jpg “acesso 1 ano”
ExpiresByType imagem/jpeg “acesso 1 ano”
ExpiresByType imagem/gif “acesso 1 ano”
ExpiresByType image/png “acesso 1 ano”
ExpiresByType texto/css “acesso 1 mês”
ExpiresByType text/html “acesso 1 mês”
Aplicação ExpiresByType/pdf “acesso 1 mês”
ExpiresByType text/x-javascript “acesso 1 mês”
Aplicação ExpiresByType/x-shockwave-flash “acesso 1 mês”
ExpiresByType imagem/ícone x “acesso 1 ano”
ExpiraDefault “acesso 1 mês”
</IfModule>
## EXPIRA O Cache ##
Você pode revisar facilmente esses cabeçalhos no DevTools do Chrome depois de configurá-los em seu servidor.
Basta ir à guia Rede, selecionar um ativo e procurar o formulário de cabeçalho que você adicionou, como Cache-Control, Expires ou ambos.
2. Desative as tags de entidade:
Por último, mas não menos importante, você deve usar o seguinte código para desativar as tags de entidade:
FileETag Nenhum
Quando você desabilita ETags, o navegador pode usar sua política de cache em vez de revalidar arquivos sempre que uma página for carregada.
Para que as alterações tenham efeito, salve o arquivo.htaccess e reinicie o Apache.
WordPress Aproveite o cache do navegador usando (Nginx)
O Nginx é um servidor web gratuito e de código aberto usado por mais de 500 milhões de sites.
Você tem algumas opções para definir tempos de expiração de cache nos componentes estáticos e dinâmicos do seu site, assim como no Apache.
1. Cabeçalhos de “Controle de Cache” (Nginx)
Dentro do seu bloco de servidor, que normalmente está localizado em
/etc/nginx/site-enabled/default,
adicione este fragmento a seguir.
localização ~* \.(png|jpg|jpeg|gif)$ {
expira 365d;
add_header Cache-Control “público, sem transformação”;
}
local ~* \.(js|css|pdf|html|swf)$ {
expira 30d;
add_header Cache-Control “público, sem transformação”;
}
2. Cabeçalhos "Expira" (Nginx)
Insira o seguinte código em seu bloco de servidor localizado em:
/etc/nginx/site-enabled/default/
localização ~* \.(jpg|jpeg|gif|png)$ {
expira 365d;
}
local ~* \.(pdf|css|html|js|swf)$ {
expira 30d;
}
Como corrigir o cache do navegador de alavancagem no WordPress com plug-in?
Caso você queira ignorar as etapas de codificação mais envolvidas, você pode usar alguns dos bons plugins do WordPress para aproveitar o cache do navegador.
1. Cache mais rápido do WP:
Cache mais rápido do WP
WP Fastest Cache é outro plugin de cache do WordPress com opções fáceis de personalização.
Você pode permitir o cache do navegador na edição gratuita. Como mostrado acima, vá para a página de configurações e marque a caixa de seleção de cache do navegador.
2. Cache LiteSpeed:
Cache LiteSpeed
O LiteSpeed Cache é um plug-in de cache que permite que você aproveite o cache do navegador simplesmente ligando-o.
Vá para as configurações de cache depois de instalar e ativar o plug-in. Vá para a guia Navegador e ative a função Cache do navegador.
Você também pode especificar uma data de expiração.
Essa configuração, no entanto, será aplicada a todos os arquivos armazenados em cache em seu site.
Conclusão:
O uso do cache do navegador pode ajudá-lo a melhorar sua pontuação no teste de desempenho da web.
Se você estiver vendo este aviso no Google PageSpeed Insights, poderá resolvê-lo:
- Adicionando cabeçalhos Cache-Control ou Expires.
- Aproveitando o cache do navegador para o Google Analytics.
- Minimizando o uso de scripts de terceiros.
Você tem outras sugestões para resolver o problema de cache do navegador de alavancagem? Por favor, compartilhe seus pensamentos na seção de comentários abaixo!