Como acelerar o cache do navegador usando o WordPress via .htaccess

Como acelerar o cache do navegador usando o WordPress via htaccess

Categoria

Geral, WordPress

Postado em

20 de setembro de 2019

Última Atualização

20 de setembro de 2019

Visualizações

416

Um navegador da Web recupera muitos recursos do servidor, como arquivos CSS, imagens e arquivos html etc. O cache da Web permite que aplicativos e sites armazenem esses arquivos em armazenamento temporário no disco local para permitir uma recuperação mais rápida na próxima vez que o arquivo for solicitado. Dessa forma, quando você visita um site pela segunda vez, ele carrega muito mais rapidamente por causa dos recursos baixados.

Este artigo abordará como acelerar o WordPress, aproveitando o cache do navegador via arquivo .htaccess

Visão Geral

Um cache do navegador se refere a um local de armazenamento temporário para arquivos baixados para exibir sites. Esses arquivos incluem arquivos HTML, CSS e, geralmente, quaisquer documentos que compõem um site. O servidor da Web deve permitir que os navegadores armazenem os recursos da página da Web localmente para aproveitar o cache do navegador. O problema surge sempre que o cache se torna grande; os arquivos ocupam muito espaço no seu computador e tornam seu navegador lento. Felizmente, existe uma maneira de corrigir isso editando nosso arquivo .htaccess . O .htaccess é um arquivo de configuração do servidor que “informa” o servidor a se comportar conforme as instruções no arquivo .htaccess.

Editando seu arquivo htaccess

Na sua localização raiz do WordPress, encontre o arquivo htaccess. (Como possui um (.) Significa que é um arquivo oculto, é necessário habilitar o recurso “mostrar arquivo oculto”). Sempre faça um backup antes de editar o arquivo htaccess. Você pode baixar uma cópia via FTP, salvar um backup e editar e, em seguida, fazer o upload da versão modificada. Edite o arquivo diretamente usando; Cpanel da sua conta de host.

Como acelerar o seu WordPress

Você pode copiar o código abaixo e colá-lo no seu arquivo .htaccess. Depois de fazer isso, salve o arquivo .htaccess e desfrute de velocidades de carregamento mais rápidas.

A adição do cabeçalho expira

Atribuímos a idade de um mês a todos os arquivos CSS, javascript e shockwave. Quanto aos ícones, eles têm a idade de um ano e outros recursos estáticos têm a idade de um mês. Para essas regras que especificamos para o trabalho, precisamos ter ativado o módulo mod_expires . Por padrão, a maioria dos servidores está habilitada. Lembre-se de definir datas de validade para um ano. Não é recomendável definir menos de um mês ou mais de um ano.

# PC - INICIO:: EXPIRA O CACHE #
<IfModule mod_expires.c>
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"
# PC - FINAL:: EXPIRA O CACHE #

Adicionando cabeçalhos de controle de cache

Aqui, você pode definir uma linha do tempo, mas isso não será necessário, pois você já definiu as datas de validade dos recursos em cache.

# PC - BEGIN Cache-Control Headers
<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>
# PC - END Cache-Control Headers

Desativando o cabeçalho Etag

A tecnologia usada para fabricar o cabeçalho Etag é muito lenta, portanto, ao desativá-lo, estamos fazendo um grande favor para nossas velocidades de carregamento. Aqui também estamos usando a conexão keep-alive . Ele mantém a conexão atual ativa, pois a abertura de uma nova conexão leva mais tempo.

#Disable Etags
<IfModule mod_headers.c>
   Header unset Etag
   Header set Connection keep-alive
</IfModule>
FileETag None

Deflacionando cabeçalhos de compressão

Se esvaziarmos nossos componentes, eles se tornarão menores, carregando mais rapidamente. Esse método pode não funcionar no seu caso se o servidor não tiver mod_deflate ou mod_gzip instalado como parte do Apache. Certifique-se de adicioná-lo abaixo do conteúdo do arquivo htaccess.

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Conclusão

Não importa qual método você usa para acelerar o seu site WordPress, mas o seu site carrega mais rapidamente e sua experiência do usuário melhora. Pelas alterações acima no arquivo .htaccess, a velocidade do site é aprimorada. Você acaba aumentando as classificações de SEO.

Gostou? compartilhe nas redes!! ;)

Deixe seu comentário