Aproveite o Cache do Navegador no WordPress sem Plugin

Por icloud | data: 15/04/2018 | 54 Leituras

Você está procurando uma solução simples para aproveitar o cache do navegador no WordPress, então veja nossa dica importante e aproveite o cache do navegador no WordPress sem Plugin e veja como seu site vai carregar mais rápido, para seus usuários.

E se eu não estiver errado, você pode estar explorando maneiras de aumentar a velocidade de carregamento de seu site. Testes do Google PageSpeed ​​Insights ou GTmetrix provavelmente sugeriram que você aproveitasse o cache do navegador via Htaccess como uma correção considerada.

Você pode ter lido em algum lugar que aproveitar o cache do navegador via Htaccess pode ajudá-lo a aumentar a velocidade do seu site. Sim, você está no caminho certo. Aproveitar o cache do navegador definitivamente ajudará você a aumentar a velocidade de carregamento do seu site. Acelerar o carregamento do seu site, vai atrair mais visitas, isso é fato!

Como aproveitar o cache do navegador?

Para aproveitar o navegador O cache do seu servidor da Web deve permitir que o navegador da Web armazene recursos da página da Web visitados temporariamente no disco local. Da próxima vez que o usuário visitar seu site, ele será carregado mais rapidamente por causa dos recursos disponíveis localmente. Como resultado, você notará uma melhora significativa na velocidade de carregamento do seu site.

Sua próxima pergunta deve ser como habilitar isso? Como meu servidor da web permitirá que um navegador aproveite o cache da web.

Para habilitar o cache do navegador Leverage no WordPress, você precisa definir datas de expiração de conteúdo, adicionando cabeçalhos Cache-Control e ETag cabeçalhos nos cabeçalhos HTTP. Cache-Control informa sobre o período de armazenamento em cache de um determinado arquivo pelo navegador da web. O ETag é usado para verificar as alterações entre os recursos armazenados em cache e os recursos solicitados.

Podemos definir um período específico em meses ou anos para manter os recursos de cache, COMO: arquivos HTML, CSS, JS, imagens jpg E png, ENTRE OUTROS, localmente. É aconselhável definir datas de expiração de acordo com a frequência de alterações nos recursos.

Como ativar o cache do navegador para acelerar oo WordPress

Ative Alavancagem do Cache do Navegador, adicionando os Cabeçalhos de Expiração,  adicionando Cabeçalhos de Controle de Cache e Desligando ETags.

Vamos discutir em detalhes como adicionar cabeçalhos de expiração e cabeçalhos de controle de cache e desativar ETags.

Aproveite o cache do navegador via Htaccess no servidor Apache, sem o plug-in do WordPress.

Se o seu site estiver hospedado no Apache Server. Você precisa editar o seu arquivo WordPress Htaccess. Copie e cole o seguinte código no arquivo Htaccess e salve o mesmo. Aqui você pode ler Como editar o arquivo Htaccess no WordPress.

Adicionar Expira Cabeçalhos no Apache .htacess

# INICIAR CACHE E EXPIRES #
ExpiresActive On
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresDefault "access 1 month"
# FIM DE CACHE E EXPIRES #

É bom que você defina datas de expiração para um ano. Menos de um mês ou mais de um ano não é recomendado. Além disso, você deve adicionar os Cabeçalhos de Controle de Cache depois no arquivo Htaccess.

Adicionar Cabeçalhos de Controle de Cache no Apache .htaccess

# CONTROLES DE CABEÇALHOS
<ifModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</ifModule>
# FIM DOS CONTROLES DE CABEÇALHOS

Você pode especificar a linha do tempo em Cabeçalhos de Controle de Cache, mas isso não será necessário, pois você já definiu datas de expiração para os recursos armazenados em cache. Finalmente, Desligue ETags. Você pode ler mais sobre ETags aqui .

Desligue ETags no Apache .htaccess

# BEGIN TORNAR ETags Off
FileETag None
# END DE TORNAR ETags Off

Depois disso, salve seu arquivo WordPress Htaccess e limpe todo o cache se você estiver usando um plugin de cache. É isso aí, você ativou Leverage Browser Caching via Htaccess.

Ativar mod_pagespeed – Aumentar a velocidade da página usando o Htaccess

Além disso, esse truque para aumentar a velocidade da página usando o Htaccess é especialmente relevante e funciona bem com os servidores Apache. O módulo Mod_pagespeed foi desenvolvido pelo Google para aumentar a velocidade das páginas dos sites. Atualmente, poucos Hosting Providers, como o GoDaddy e o DreamHost, suportam o módulo mod_pagespeed por padrão. No entanto, você pode ter instalado o mesmo usando o SSH no seu painel de controle.

Mod_pagespeed pode ser ativado adicionando o seguinte código no arquivo Htaccess.

# HABILITAR O MOD_PAGESPEED
# COMBINE CSS, COMPRESS IMAGENS, REMOVA HTML WHITE SPACE E COMENTARIOS
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters rewrite_css,combine_css
ModPagespeedEnableFilters recompress_images
ModPagespeedEnableFilters convert_png_to_jpeg,convert_jpeg_to_webp
ModPagespeedEnableFilters collapse_whitespace,remove_comments
</IfModule>
# FIM DO HABILITAR PAGE SPEED

Desativar Hotlinking de imagem

Outro hack na lista está relacionado às imagens do seu site.

Você já percebeu que alguém está usando suas imagens em seus sites usando diretamente o link da sua imagem? Não? SIM? Não tenho certeza?

De qualquer forma, isso realmente não importa, se você notou ou não. Há chances de que os spammers possam usar seu link de imagem em seus sites. E por causa disso, toda vez que alguém visitar a página da web, as imagens serão carregadas do seu servidor. Isso é conhecido como hotlinking de imagem .

Como isso (hotlinking de imagens) afeta seu servidor? Bem, ele usará seus recursos de servidor e largura de banda, o que leva a uma carga maior em seu servidor. E, portanto, o desempenho lento ou fraco.

Você pode desativar Hotlinking de imagem e acelerar o seu site WordPress usando o Htaccess. Adicione o seguinte código no Htaccess. E não se esqueça de substituir sample.com pelo seu próprio nome de domínio.

# TN – DISABLE IMAGE HOTLINKIING START
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?sample.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]
# TN – DISABLE IMAGE HOTLINKIING END

Agora  seu site deve estar carregando mais rápido. Teste no Pingdom, no Google Pagespeed e no Gtmetrix.

 

Se você ainda tem dúvidas sobre esta postagem: Aproveite o Cache do Navegador no WordPress sem Plugin, pode ser necessário ver a próxima, ou deixar um comentário.


 

 

Deixe um Comentário

Você deve estar Logado para postar comentários.