O que é Compressão (Gzip/Brotli)?
Compressão web, também chamada de compressão de arquivos web, é o processo em que o servidor encolhe um arquivo antes de mandá-lo pela internet, e o navegador o desfaz do outro lado. Gzip e Brotli são os dois algoritmos usados hoje para isso na maior parte dos sites.
A técnica funciona bem em texto porque código tem muita repetição. Um arquivo CSS repete palavras como color, margin e padding centenas de vezes. Os algoritmos identificam esses padrões e os substituem por referências curtas. Um arquivo de 300 KB pode chegar ao navegador com 40 KB.
O Gzip existe desde os anos 1990 e roda em praticamente qualquer servidor. O Brotli surgiu depois e entrega arquivos menores no mesmo conteúdo, ao custo de mais processamento na hora de comprimir. Os navegadores atuais aceitam os dois formatos.
Vale saber o limite da técnica: imagens JPG, PNG, WebP, vídeos e fontes já vêm comprimidas de fábrica. A compressão de texto trata HTML, CSS, JavaScript, JSON, SVG e XML.
Como funciona na prática?
O ciclo acontece em quatro etapas, sem nenhuma ação do visitante:
- O navegador faz a requisição e envia o cabeçalho
Accept-Encoding: gzip, br, avisando quais formatos entende. - O servidor escolhe um formato suportado, comprime o arquivo e responde com o cabeçalho
Content-Encoding: brougzip. - O arquivo trafega pela rede em tamanho reduzido.
- O navegador descomprime o conteúdo em milissegundos e renderiza a página.
Na prática, você liga a compressão no servidor web, no painel da hospedagem, em um plugin de cache do WordPress ou na CDN, que comprime na borda antes de entregar.
Gzip vs Brotli: qual a diferença?
| Aspecto | Gzip | Brotli |
|---|---|---|
| Redução em texto | Boa | Maior que Gzip no mesmo arquivo |
| Custo de CPU ao comprimir | Baixo | Maior nos níveis altos |
| Suporte em navegadores | Praticamente universal | Navegadores modernos, via HTTPS |
| Uso típico | Fallback e compressão em tempo real | Arquivos estáticos pré-comprimidos |
Veredito: sirva Brotli para os navegadores que o aceitam e mantenha Gzip como alternativa automática, já que o servidor decide sozinho a cada requisição.
Exemplos de uso
- Um site institucional em WordPress carregava 780 KB de CSS e JavaScript sem compressão. Após ativar Brotli no servidor, o mesmo conjunto passou a trafegar com cerca de 120 KB.
- Uma agência gera arquivos
.brdurante o deploy. O servidor apenas entrega o arquivo já pronto, com zero processamento por requisição.
Erros comuns
- Comprimir imagens, vídeos e fontes já compactadas, gastando CPU sem ganho de tamanho.
- Ativar Gzip e esquecer o Brotli, deixando de reduzir bytes que já estariam ao alcance.
- Configurar a compressão só em staging e não replicar no ambiente de produção.
- Confiar que a hospedagem já cuida disso sem nunca verificar o cabeçalho
Content-Encodingda resposta.
Perguntas frequentes sobre Compressão (Gzip/Brotli)
Como saber se meu site está usando compressão?
Abra as ferramentas de desenvolvedor do navegador, vá até a aba Network, recarregue a página e clique em um arquivo CSS ou JavaScript. Nos cabeçalhos de resposta, procure Content-Encoding. Se aparecer br ou gzip, a compressão está ativa naquele arquivo.
Compressão substitui minificação?
Não, as duas técnicas se somam. A minificação remove espaços, quebras de linha e comentários do código-fonte. A compressão trata o resultado no transporte. Um arquivo minificado e comprimido chega bem menor ao navegador do que um que passou por apenas uma das etapas.
Brotli funciona em qualquer hospedagem?
Depende do servidor. Nginx, Apache e LiteSpeed suportam Brotli com o módulo correspondente instalado, e boa parte das hospedagens já entrega isso ativo. Em planos compartilhados sem acesso à configuração, uma CDN na frente do site resolve, porque comprime na borda.