Como ativar a compactação GZIP para WordPress

Um site lento pode criar muitos problemas. Ele pode afastar visitantes e clientes em potencial, prejudicar a experiência do usuário (UX) do seu site e até afetar sua reputação.

Diminuir o tamanho das páginas do seu site é fundamental para melhorar as velocidades de carregamento. Felizmente, a compactação GZIP é um ótimo método para obter carregamento de página rápido e redução de tamanho de arquivo.

Neste guia, veremos os fundamentos da compactação GZIP, incluindo o que é e o que faz. Em seguida, detalharemos como habilitar a compactação GZIP em um site WordPress. Vamos pular direto!

O que é compactação GZIP?

A compactação GZIP é um tipo de compactação de dados semelhante ao ZIP e RAR. Ele pode ser usado para compactar todos os arquivos do seu site, sejam eles texto, HTML, CSS, JavaScript ou XML.

A compactação GZIP ocorre antes que os arquivos sejam exibidos nos navegadores da Web de seus visitantes. Por meio desse método, a compactação GZIP reduz o tamanho dos arquivos, o que pode ter um efeito positivo no tempo de carregamento do site.

O que a compactação GZIP faz?

Quando um visitante acessa seu site, o navegador solicita os arquivos do site de seu servidor. Seu servidor compactará esses arquivos antes de enviá-los para o navegador. A compactação GZIP é um método de compactação de arquivos entre outros.

Os arquivos compactados são transferidos mais rapidamente do que os arquivos não compactados. Isso ajuda a melhorar o desempenho do site e as velocidades de carregamento – e, como resultado, a Otimização de Mecanismos de Busca (SEO).

Como ver se a compactação GZIP está ativada

A compactação GZIP é popular e muitas plataformas de hospedagem do WordPress a habilitam por padrão. Se não tiver certeza de como verificar se a compactação GZIP está funcionando em seu site, você pode testá-la usando soluções de terceiros ou ferramentas de desenvolvedor no navegador.

Se você não tiver a compactação GZIP ativada, geralmente verá avisos em ferramentas como o GTmetrix. Você também pode usar uma ferramenta de compactação GZIP para ver se seu site está usando compactação GZIP.

Também é possível verificar se a compactação GZIP está funcionando usando as ferramentas de desenvolvedor do navegador. Quando ativado, o cabeçalho de resposta incluirá “codificação de conteúdo: gzip”:

Para encontrar o cabeçalho de resposta no Chrome, você precisará abrir o DevTools, navegar até Network e recarregar a página. Clique no nome que corresponde ao seu site e o cabeçalho de resposta será aberto.

Como ativar a compactação GZIP no WordPress

Todos os sites no WP Engine usam a compactação GZIP como padrão. Todos os arquivos estáticos, incluindo arquivos de texto, imagens, CSS e JavaScript, são compactados automaticamente para otimizar o desempenho do site. Essa compactação automática reduz a necessidade de diretivas GZIP em seu arquivo .htaccess .

No entanto, nem todos os sites do WordPress são hospedados no WP Engine e não se beneficiarão da ativação padrão da compactação GZIP. Se o seu site estiver hospedado em uma plataforma diferente, talvez seja necessário habilitar a compactação GZIP manualmente. Existem várias maneiras de fazer isso, que veremos a seguir.

Ativar compactação GZIP com um plug-in

A maneira mais fácil de ativar a compactação GZIP é usar um plug-in de cache. Ferramentas como o WP Rocket permitem a compactação adicionando código ao seu arquivo .htaccess para você, enquanto outras, como o W3 Total Cache, exigirão que você adicione esse código manualmente.

Embora esse seja geralmente o método mais simples de adicionar compactação GZIP, ele envolve a adição de um plug-in extra ao seu site. Se você está tentando manter sua biblioteca de plugins enxuta, você pode usar uma das seguintes soluções.

Ativar compactação GZIP para Nginx

Se o seu site usa Nginx, há um trecho de código que você pode usar para habilitar a compactação GZIP. Você precisa colocar o trecho de código abaixo no arquivo nginx.conf do seu site, na seção “http”. Você também pode colocar este trecho de código no bloco de configuração do servidor ou local, mas a seção http é geralmente recomendada:

gzip on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;
gzip_min_length 1000;
gzip_vary on;
gzip_proxied no-cache no-store private expired auth;
gzip_diable “MSIE [1-6];

Depois de salvar e fechar o arquivo, você precisará reiniciar o Nginx. Para fazer isso, use o seguinte comando:

sudo service nginx restart

Após a reinicialização, verifique se a compactação GZIP está ativa, usando os métodos detalhados anteriormente.

Habilitar compactação GZIP para Apache (editando o arquivo .htaccess)

Se o seu host usa Apache, você precisará editar o arquivo .htaccess para habilitar a compactação GZIP. Este arquivo pode ser encontrado no diretório raiz de sua instalação do WordPress, via File Transfer Protocol (FTP) ou seu gerenciador de arquivos. A maioria dos métodos de compactação GZIP do WordPress exigirá a edição do arquivo .htaccess .

Existem dois mods Apache que você pode usar para habilitar o GZIP, mas mod_deflate é a opção mais amplamente suportada e melhor documentada. Para ativar o mod_deflate , adicione:

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

Para ativar o mod_gzip , adicione:

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>

Antes de usar qualquer mod, você precisa fazer um backup do seu arquivo .htaccess e garantir que o módulo mod_filter esteja no seu servidor, ou um erro 500 pode ocorrer.

Continue aprendendo com o WP Engine

Reduzir o tamanho das páginas do seu site pode reduzir o tempo de carregamento e aumentar o desempenho geral. A compactação GZIP pode habilitar essa redução, mas somente quando estiver habilitada.

Felizmente, aqui no WP Engine, habilitamos a compactação GZIP por padrão. Além disso, oferecemos recursos excelentes para ajudá-lo a aprender como criar uma experiência digital excelente para seus visitantes!