Como a Compressão Gzip pode melhorar a performance do meu site?

Como a Compressão Gzip pode melhorar a performance do meu site?
por

Quando um visitante acessa seu site, o navegador faz uma requisição não apenas ao seu conteúdo dinâmico, mas também a todo o seu conteúdo estático, como folhas de estilo, imagens e arquivos de Javascript. Quanto mais desses arquivos o seu site tiver, e quanto maior for o tamanho de cada um, maior será o tempo necessário para completar o carregamento das suas páginas. Como consequência imediata disso,  maior será o load time.

Como a Compressão Gzip pode melhorar a performance do meu site?

O módulo Gzip do apache é capaz de fazer a compressão de todos estes arquivos estáticos, antes de enviá-los para o navegador do usuário. A compressão ocorre ainda no servidor e assim os dados trafegam já em tamanho reduzido, diminuindo significativamente o peso total dos arquivos transferidos e, consequentemente, o tempo de carregamento das páginas do seu site. Isso permite que seu site carregue bem mais rápido. Trata-se de uma vantagem grande de mais para não ser considerada.

Como habilitar a compressão Gzip?

Abra o arquivo .htaccess presente na raíz do seu site e inclua o seguinte conteúdo:
# 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

Conferindo o resultado

Para conferir o resultado, acesse a ferramenta online Check GZIP compression e digite o endereço do seu site. A ferramenta irá indicar se o Gzip está ou não habilitado. Você pode ainda acessar a ferramenta GT Metrix para saber o quanto ganhou em performance depois de habilitar o recurso.


Deixe uma resposta

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