O que é compressão de arquivos web
A compressão é uma das técnicas mais eficazes para acelerar o carregamento de sites. Quando um navegador solicita uma página, o servidor pode compactar os arquivos antes de enviá-los, reduzindo drasticamente a quantidade de dados transferidos pela rede. O navegador então descompacta os arquivos instantaneamente antes de renderizá-los.
Para ter uma ideia do impacto: um arquivo HTML de 100KB pode ser reduzido para apenas 15-20KB após compressão. Para CSS e JavaScript, a redução chega a 60-80%. Em um site com 2MB de recursos, a compressão pode reduzir a transferência para menos de 500KB — uma melhoria de 4x no tempo de download.
Gzip: o padrão consolidado
O Gzip é o algoritmo de compressão mais utilizado na web, suportado por 100% dos navegadores modernos. Desenvolvido na década de 1990, é confiável, rápido e eficiente:
- Redução média de 70% no tamanho de arquivos de texto (HTML, CSS, JS, JSON, XML)
- Processamento rápido tanto na compressão quanto na descompressão
- Suportado por todos os servidores web (Apache, Nginx, IIS, Node.js)
- Configuração simples: geralmente basta ativar um módulo do servidor
Como ativar o Gzip
A ativação depende do servidor:
- Apache: habilite o módulo mod_deflate e configure no .htaccess quais tipos de arquivo comprimir
- Nginx: adicione a diretiva gzip on no arquivo de configuração com os tipos MIME desejados
- WordPress: plugins como WP Rocket e W3 Total Cache ativam o Gzip automaticamente
- Hospedagem compartilhada: a maioria já vem com Gzip ativado por padrão, mas vale verificar
Brotli: compressão de próxima geração
Desenvolvido pelo Google e lançado em 2015, o Brotli oferece taxas de compressão superiores ao Gzip:
- Arquivos 15-25% menores que o equivalente em Gzip
- Suportado por mais de 97% dos navegadores atuais
- Especialmente eficiente para conteúdo web, pois usa um dicionário de termos comuns em HTML, CSS e JS
- Requer HTTPS (o que todo site deveria ter)
A desvantagem do Brotli é que a compressão em tempo real é mais lenta que o Gzip nos níveis mais altos. Por isso, a prática recomendada é usar Brotli pré-comprimido para arquivos estáticos (gerados uma vez durante o build) e Gzip ou Brotli em nível baixo para conteúdo dinâmico.
Gzip vs Brotli: qual usar?
A melhor abordagem é usar ambos. Configure seu servidor para oferecer Brotli como primeira opção e Gzip como fallback. O navegador indica no cabeçalho da requisição quais algoritmos suporta, e o servidor escolhe o melhor disponível. Dessa forma, navegadores modernos recebem Brotli (menor), enquanto navegadores antigos recebem Gzip (universal).
O que comprimir (e o que não comprimir)
A compressão funciona melhor em arquivos de texto. Comprimir arquivos já comprimidos é inútil ou até prejudicial:
- Comprimir: HTML, CSS, JavaScript, JSON, XML, SVG, fontes WOFF (mas não WOFF2, que já é comprimido)
- Não comprimir: JPEG, PNG, WebP, GIF, vídeos, PDFs, ZIP — esses formatos já usam compressão interna
Comprimir arquivos que já estão comprimidos desperdiça CPU do servidor sem reduzir o tamanho, podendo até aumentá-lo ligeiramente.
Verificando se a compressão está ativa
Para verificar se seu site está usando compressão:
- DevTools do navegador: na aba Network, compare a coluna "Size" (tamanho transferido) com "Resource Size" (tamanho real)
- GTmetrix: identifica se a compressão está ativa e quanto poderia ser economizado
- Cabeçalhos HTTP: procure por Content-Encoding: gzip ou Content-Encoding: br nas respostas do servidor
Conclusão: compressão é obrigatória
Não existe motivo para não usar compressão em um site. É gratuita, fácil de configurar e oferece ganhos imediatos e significativos de performance. Se seu site ainda não usa Gzip ou Brotli, essa é provavelmente a otimização mais rápida e impactante que você pode fazer hoje. Ative a compressão e reduza o peso do seu site drasticamente.
Como está o seu site nesse aspecto?
Análise gratuita em 60 segundos. Descubra exatamente onde melhorar.
Andersen Waqued
Fundador do SiteAudit
Especialista em desenvolvimento web e otimização de sites. Ajudo empresas a melhorar sua presença digital com análises baseadas em dados e IA.
Falar com Andersen