Veja nesse tutorial como habilitar o modo Gzip/Deflate em seu servidor para garantir uma maior velocidade no carregamento das páginas e uma série de outras vantagens, conforme veremos a seguir.
Essa tecnologia é bastante antiga e muito popular, porém não é todo mundo que tem conhecimento sobre o seu funcionamento e sobre como ela pode beneficiar os sites. Por esse motivo vamos fazer uma análise dessa tecnologia e demonstrar como você pode descobrir quando o Gzip/Deflate esta funcionando em seu site.
O que é modo Deflate ou Gzip?
O modo Deflate ou Gzip realiza a compactação dos arquivos antes de enviá-los ao navegador do visitante de seu site, reduzindo assim o tamanho dos arquivos e a quantidade de tráfego de rede utilizada. Este recurso é muito útil e deve ser usado sempre que possível. Além de economizar a largura de banda do servidor, melhora o tempo de carregamento das páginas do site.
Arquivos de formatos como HTML, CSS, JavaScript e outros tipos de texto são compactados automaticamente pelo servidor utilizando uma codificação semelhante à usada em arquivos ZIP. Os arquivos são compactados sempre que o navegador do usuário suportar o uso dele. Felizmente, a grande maioria dos navegadores suportam a compactação Gzip.
Benefícios da compactação Deflate/Gzip
A ativação do Gzip/Deflate oferece diversos benefícios, entre os principais podemos citar:
1. Tempo de carregamento do site otimizado
A ativação do Gzip ou Deflate em seu site garante um tempo de resposta mais rápido. Isso é devido a redução no tamanho do site, que passa a ser compactado antes de ser enviado para o navegador do visitante.
A compactação realizada pelo Deflate e o Gzip mantém todas as características do site. Não há perda de informação por conta da utilização desse recurso no servidor. A funcionalidade dele é basicamente organizar a informação de forma a ocupar menos espaço, sem nenhum tipo de perda.
2. Indexação mais rápida no Google
Por conta da redução significativa de dados, a compactação via Deflate/Gzip colabora para que o Google tenha condições de indexar um número maior de páginas em um tempo muito menor. O próprio Google recomenda a ativação desse tipo de recurso no servidor para garantir um tempo de resposta menor.
Os principais buscadores do mercado recomendam a ativação da compactação a nível servidor para melhorar a experiência de navegação do usuário ao garantir um site mais rápido. Ou seja, de certa forma vai ter influencias no SEO do site.
3. Reduz consumo da largura de banda
A compactação do site e consequente redução dos dados trafegados na rede pode ter grande impacto em serviços de hospedagem que cobram por GB consumidos. Essa redução garante uma economia financeira significativa para o proprietário do site.
É comum que hospedagem dedicada, cloud e VPS tenham algum tipo de limitação em relação ao tráfego da rede. Obviamente não são todas as empresas, mas para as empresas que cobram por tráfego, ativar o modo Gzip/Deflate é ótimo para o bolso.
Como ativar o Gzip/Deflate via .htaccess
Neste artigo vamos mostrar como ativar o modo Gzip no servidor Apache, que é o mais usado pelas empresas de hospedagem de sites.
- Abra o gerenciador de arquivos da hospedagem ou cliente FTP
- Acesse a pasta raiz de instalação do site (normalmente é a pasta public_html ou www)
- Procure pelo arquivo .htaccess
- Adicione o código abaixo no arquivo .htaccess e salve as alterações
# mod_deflate configuration
<IfModule mod_deflate.c>
# Restrict compression to these MIME types
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/css
# Level of compression (Highest 9 - Lowest 1)
DeflateCompressionLevel 9
# Netscape 4.x has some problems.
BrowserMatch ^Mozilla/4 gzip-only-text/html
# Netscape 4.06-4.08 have some more problems
BrowserMatch ^Mozilla/4.0[678] no-gzip
# MSIE masquerades as Netscape, but it is fine
BrowserMatch bMSI[E] !no-gzip !gzip-only-text/html
<IfModule mod_headers.c>
# Make sure proxies don't deliver the wrong content
Header append Vary User-Agent env=!dont-vary
</IfModule>
</IfModule>
Em algumas empresas de hospedagem de sites podem haver modos diferentes de fazer a ativação. Algumas delas, inclusive, permite ativar o Gzip/Deflate diretamente no painel de controle. Em caso de dúvidas o ideal é entrar em contato com o suporte de sua empresa de hospedagem.
Como verificar se o Deflate/Gzip está ativo
É muito fácil saber se o Gzip/Deflate está ativo ou não em seu site. Sempre que o recurso estiver ativado será mostrado no cabeçalho das respostas HTTP/HTTPS do servidor que o conteúdo está codificado com Gzip. Essa informação é obrigatória, pois o servidor da hospedagem de sites precisa informar a codificação para que o navegador possa decodificar os dados corretamente.
Abaixo você confere o passo a passo para verificar se o Deflate/Gzip está ativo:
- Apague o cache de seu navegador (utilize o Google Chrome, de preferência)
- Pressione as teclas CTRL + Shift + I ou acesse o menu do Chrome, depois clique em “Mais ferramentas” > “Ferramentas do desenvolvedor”
- Acesse seu site com as ferramentas abertas para registrar as informações
- Clique na aba “Network” (Rede)
- Selecione o primeiro item da lista, conforme a imagem abaixo
- Em Response Headers será mostrada todas as informações retornados no cabeçalho pelo servidor. Dentre elas você vai encontrar a content-encoding que mostra o valor Gzip quando o modo Deflate/Gzip estiver ativo no site
Com ele ativado os visitantes de seu site vão poder obter todos os benefícios proporcionados por este excelente recurso.