Sem categoria

Aproveitar o cache do Browser para o WordPress

Hoje eu vou mostrar uma dica simples, mas valiosa para você aproveitar o cache do Browser no WordPress sem a instalação de plugin. Então continue lendo e aproveite para implantar em seu web site, se ainda não tem.

Se eu não estiver errado, você pode estar explorando maneiras de aumentar a velocidade de carregamento de seu site.  Então eu indico, para você fazer testes com três ferramentas:

Provavelmente sugeriram que você aproveitasse o cache do navegador da web via htaccess como uma correção considerada.

Você pode ter lido em algum lugar que aproveitar o cache do Browser via htaccess pode ajudá-lo a aumentar a velocidade do seu site. Se sim, você está no caminho certo.

Aproveitar o cache do Browser 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 Browser?

Leia Browser = navegador da web
Para aproveitar o cache do Browser, o 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. Isso, 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  da web - ou Browser, aproveite o cache da web.

Para habilitar o cache do navegador da web no WordPress, você precisa definir algumas diretrizes, ou funções.

  1. Datas de expiração de conteúdo
  2. Expiração dos cabeçalhos Cache-Control
  3. Uso de ETag 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, então, definir um período específico em meses dias 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 Browser para acelerar o WordPress

Ative a alavancagem do cache do navegador web, 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 Browser via Htaccess no servidor Apache, sem o plugin do WordPress.

Adicionar Expirar Cabeçalhos no Apache .htacess

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.

# BEGIN EXPIRES
<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault "access plus 1 month"
    ExpiresByType text/css "access plus 1 week"
    ExpiresByType text/plain "access plus 1 month"
    ExpiresByType image/gif "access plus 1 month"
    ExpiresByType image/png "access plus 1 month"
    ExpiresByType image/jpeg "access plus 1 month"
    ExpiresByType application/x-javascript "access plus 1 month"
    ExpiresByType application/javascript "access plus 1 month"
    ExpiresByType application/x-icon "access plus 1 year"
</IfModule>
# END 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 "\.(js|css|xml|gz)$">
        Header append Vary Accept-Encoding
    </FilesMatch>
    <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>

<IfModule mod_headers.c>
Header set Expires "max-age=2592000, public"
Header unset ETag
FileETag MTime Size
</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
Header unset ETag
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  e aumentar a velocidade da página usando o Htaccess

Ainda tem esse truque para aumentar a velocidade da página usando o .htaccess e, sobretudo, 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. Talvez você já tenha percebido, que alguém está usando suas imagens. E elas estão apontadas com um link ara seu servidor. Isso também gera um gargalo, para seu web site.

No entanto, se você notou isso, 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 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 e não esqueça de substituir sample.com pelo seu próprio nome de domínio.

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

Agora  seu site deve estar carregando mais rápido. Teste no Pingdom, no Google Pagespeed e no Gtmetrix. Outras técnicas de SEO podem ajudar ainda mais, inclusive instalar um plugin de cache. Porém se ele já contem o código de cache para o servidor, então você não precisa usar estes. Use apenas os códigos do plugin. Por outro lado, se você prefere editar seu arquivo .htaccess desabilite esta opção no plugin, se você usar. Nunca use os dois!

Deixe um comentário

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