Melhorando o Desempenho do Site – Compressão Gzip

Quando alguém entra em seu site, um pedido é enviado para o servidor para entregar o arquivo solicitado. Quanto maiores forem esses arquivos, mais tempo levará para carregar. Ao comprimir suas páginas da web e CSS antes de enviá-los para o navegador você irá reduzir significativamente o tempo de carregamento como os arquivos serão menores. Essa é a função do Gzip.

Em resumo, o gzip encontra cadeias semelhantes dentro de um arquivo de texto e substitui essas strings temporariamente, tornando assim o tamanho geral do arquivo menor. Compressão é realmente benéfico em um ambiente web, porque HTML e arquivos CSS usam um monte de texto repetido e espaços. No resultado final o gzip pode comprimir o tamanho das páginas e CSS em até 60-70%.

O que você precisa?

Antes de começar este guia, você precisará do seguinte:

• Acesso ao arquivo .htaccess;
• Acesso cPanel (opcional).

Etapa 1 – Ativando a compactação gzip

Você pode habilitar gzip em seu site usando mod_gzip ou mod_deflate. A compressão com mod_deflate geralmente é recomendada devido a um melhor algoritmo de conversão e o próprio módulo sendo compatível com versões mais elevadas do apache. Mais informações sobre os dois métodos podem ser encontradas neste artigo do Linux Journal.

Opção 1. Editar .htaccess

A compactação Gzip via mod_deflate (recomendado) pode ser ativada implementando o seguinte código no arquivo .htaccess (um guia sobre como localizar seu arquivo .htaccess pode ser encontrado aqui):

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/opentype
# For Older Browsers Which Can't Handle Compression
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>

Se o seu servidor não suporta mod_deflate você pode tentar a alternativa mod_gzip:

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

Assim que as alterações forem salvas, a compactação gzip será ativada.

Opção 2. Plug-ins do CMS

Os usuários do WordPress podem ativar a compactação gzip instalando plugins como o WP-Optimize. Essa é uma solução que para aumentar o desempenho do seu site de diversas maneiras diferentes. O plugin vai habilitar a compressão GZIP e o caching.

Além disso, o WP-Optimize ainda vai limpar arquivos desnecessários do seu site. A ferramenta ainda é capaz de otimizar as imagens para liberar mais espaço.

Com o Joomla, você pode gzip seu site via Sytem -> Configuração Global -> Server. Você também pode ver nosso guia sobre desempenho Joomla aqui.

Opção 3. Gzip via cPanel

Se você tem uma licença cPanel, você pode habilitar o gzip para todos os sites sob sua conta de hospedagem de site usando a seção Otimizar Website. Um guia detalhado pode ser encontrado aqui.

Opção 4. Hospedagem de site baseada em Windows

Se você estiver usando um Servidor VPS para Windows, poderá ativar a compactação HTTP para conteúdo estático e dinâmico usando a linha de comando:

appcmd set config /section:urlCompression /doDynamicCompression:True

appcmd set config /section:urlCompression /doStaticCompression:True

Para obter mais informações, consulte o guia oficial da Microsoft.

Etapa 2 – Testando a Compressão Gzip

A compactação Gzip pode ser testada com várias ferramentas, como WebPageTest ou GTMetrix.

Aqui estão os resultados ANTES de adicionar compressão gzip:

Para comparação, aqui estão os resultados APÓS adicionar adicionando compressão gzip:

Conclusão

Neste guia, aprendemos como aumentar o desempenho de um site, habilitando mod_gzip ou mod_deflate compressão via .htaccess, CMS plug-ins, cPanel e Windows server.