Como acelerar qualquer site WordPress usando .HTACCESS

Seu site WordPress está demorando muito para carregar? Você sabia que um site lento afetará seu SEO e a experiência do usuário?

Existem várias maneiras diferentes de acelerar seu site além de usar plugins. Uma maneira é aproveitar o cache do navegador e outra é compactar seus arquivos. 

Ambos podem ser realizados modificando e otimizando o arquivo .htaccess .

O que é cache do navegador?

Quando alguém visita seu site, há arquivos que são baixados e armazenados em um local temporário.

Os tipos de arquivos incluem todos os documentos que compõem seu site, como arquivos HTML(HTML) , imagens, JavaScript e CSS . O cache do navegador(Browser) refere-se a esse local temporário para os arquivos baixados.

Quando o cache está cheio, ocupa muito espaço no computador do visitante. Isso resulta em um navegador lento e um site que demora muito para carregar.

Felizmente, existe uma maneira de corrigir isso editando seu arquivo .htaccess.

O que você deve fazer primeiro

Antes de começar a editar seu arquivo .htaccess, considere as seguintes precauções:

  • Sempre crie um backup do seu arquivo .htaccess do WordPress(WordPress .htaccess) antes de alterá-lo.
  • Desative todos os plugins do WordPress que você possa estar usando.(WordPress)
  • Teste a velocidade do seu site antes de fazer alterações no arquivo .htaccess para obter uma medida básica. Você pode usar GTmatrix , Pingdom ou Google PageSpeed ​​Insights .

Agora você está pronto para usar o código por meio de seu arquivo .htaccess para informar à sua instalação do WordPress para armazenar arquivos estáticos em cache por mais tempo para os visitantes de retorno ao seu site. Você pode usar o cPanel ou o FTP(FTP) . Veja as instruções abaixo para cada um. 

Depois de ter acesso ao seu arquivo .htaccess, use as instruções adicionais para fazer suas edições. 

Usando o cPanel

Faça login(Log) no cPanel do seu site. Geralmente, você pode chegar lá digitando yourdomain.com/cPanel em seu navegador da web.

Faça login(Log) com o nome de usuário e a senha que você recebeu quando instalou o WordPress em seu domínio. Assim que estiver logado, procure e clique em Gerenciador de Arquivos(File Manager) .

Seu arquivo .htaccess está localizado na pasta raiz. O ponto antes do nome do arquivo indica que é um arquivo oculto em sua instalação do WordPress. Certifique-se de marcar a caixa para Mostrar arquivos ocultos(Show Hidden Files) .

Você deve fazer uma cópia do seu arquivo antes de editá-lo, porque se você cometer um erro, poderá travar seu site. Para fazer uma cópia, clique em .htaccess e destaque-o. Para salvar uma cópia, clique no botão de download localizado no menu superior.  

Depois de ter feito sua cópia, você está pronto para editar o arquivo. No gerenciador de arquivos do(File Manager) cPanel , clique com o botão direito do mouse no arquivo .htaccess e clique em editar(edit) .

Usando FTP

Você também pode editar seu arquivo .htaccess usando um cliente FTP . Um cliente FTP(FTP) popular é o FileZilla , usado no exemplo abaixo.

Comece(Start) abrindo seu cliente FTP e coloque em seu host. Geralmente é o seu endereço de domínio, seu nome de usuário e senha. Se você não tiver certeza do que são, entre em contato com seu host.

Use as etapas a seguir para acessar, copiar e editar seu arquivo .htaccess:

  • Navegue até seu diretório raiz.
  • Encontre o arquivo .htaccess, faça uma cópia e arraste-o para a área de trabalho.
  • Guarde uma cópia do original e edite uma cópia diferente caso precise restaurar o original.
  • Use um editor como o Bloco(Notepad) de Notas para editar o arquivo.
  • Quando você terminar sua edição, carregue o arquivo para seu diretório raiz.

Se você cometeu um erro, seu site não funcionará. Para corrigi-lo, carregue o arquivo de backup. 

Agora você está pronto para fazer alterações em seu arquivo .htaccess para acelerar seu site WordPress .

Comprima seus arquivos usando Gzip

A compactação Gzip(Gzip) torna seus arquivos menores e os ajuda a carregar mais rapidamente. Adicionar o código abaixo ao seu arquivo .htaccess (abaixo do código atual) usando gzip compactará arquivos CSS , HTML e PHP .

 <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>

Não se esqueça de clicar em “Salvar alterações”.

Cache do navegador

Quando alguém visita seu site, o navegador que está usando baixa todos os arquivos associados à página que está acessando.

Aproveitar o cache do navegador significa que você deseja baixar apenas os arquivos necessários e não os ativos desnecessários. Geralmente são o design e o estilo da sua página e, às vezes, também incluem funções JavaScript.

Quando você usa o cache do navegador, está dizendo ao seu servidor para ignorar partes de sua página da Web que foram baixadas anteriormente para visitantes repetidos.

Para editar seu arquivo .htaccess, localize-o e faça duas cópias da mesma forma que você fez ao compactar seus arquivos conforme descrito acima usando um cliente FTP ou cPanel.

Mantenha uma cópia do arquivo .htaccess original caso haja algum problema com as alterações. Faça suas edições na outra cópia. 

Adicione o seguinte código abaixo do conteúdo atual do seu arquivo .htaccess:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
 
<FilesMatch "\.(txt|xml|js)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(css)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
ExpiresDefault A691200
</FilesMatch>
</IfModule>
 
<IfModule mod_headers.c>
<FilesMatch "\.(txt|xml|js)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(css)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
</IfModule>

Não se esqueça de clicar em Salvar(Save) para manter as adições ao seu arquivo.

A compactação de seus arquivos e o aproveitamento do cache do navegador diminuirão significativamente o tempo de carregamento de suas páginas da web. Isso ajudará seu site a ter uma classificação mais alta nas pesquisas e melhorar a experiência do usuário. Ninguém quer esperar mais do que alguns segundos para carregar uma página.



Máximo Maia

About the author

Sou engenheiro de software e tenho experiência com o Microsoft Office e o navegador Chrome. Tenho conhecimento em muitos aspectos do desenvolvimento web, incluindo, mas não limitado a: HTML, CSS, JavaScript, jQuery e React. Meu interesse em trabalhar com tecnologia também significa que estou familiarizado com várias plataformas (Windows, Mac, iOS) e entendo como elas funcionam.


Related posts