GZIP e Brotli são algoritmos de compressão usados para reduzir respostas antes de serem enviadas pela rede. O navegador envia um header Accept-Encoding (por exemplo, gzip ou br), o servidor comprime o corpo, e o cliente descompacta. Menos bytes significa menor largura de banda, menores custos de egresso e carregamentos mais rápidos. Brotli comprime texto (HTML, CSS, JS) melhor que GZIP, então queríamos ele na borda.
Assumimos que o Cloudflare já estava servindo Brotli quando clientes pediam. Não estava. Nosso tráfego saía como GZIP, e Brotli tinha que ser habilitado explicitamente nas configurações do Cloudflare. Assim que ligamos, o impacto foi imediato.
Fizemos rollout de Brotli em duas etapas: 23 de fevereiro às 19:00 UTC para um subconjunto de rotas, depois 24 de fevereiro às 10:00 UTC para todas as requisições. Os números abaixo comparam um dia completo antes (22 de fevereiro, GZIP) com um dia completo após rollout total (25 de fevereiro, Brotli).
Os números por tipo de conteúdo
Medimos transferência de dados por tipo de conteúdo no Cloudflare. Mesmo tráfego, mesmo período. Veja quanto reduzimos a largura de banda em cada categoria.
Nos três gráficos abaixo, o dashboard mostra claramente a queda: após o dia 24, quando Brotli foi habilitado para todas as requisições, a transferência de dados cai e permanece menor para HTML, CSS e sprites.svg.
HTML
HTML teve a maior vitória: 53% menos largura de banda. Cada visualização de página agora envia aproximadamente metade dos bytes que enviava antes, o que reduz diretamente o egresso e acelera o primeiro paint.
CSS
CSS chegou em 50% menos largura de banda. Folhas de estilo mais leves significam carregamentos de caminho crítico mais rápidos e menos dados em cada requisição.
sprites.svg
sprites.svg é uma rota que deco usa para servir todos os SVGs de um único endpoint em vez de muitas requisições separadas.
SVG é já é leve, mas ainda vimos 27% menos largura de banda para sprites.svg. Cada bit conta quando somamos milhões de requisições.
Latência
Ainda estamos monitorando, mas já vimos a latência das rotas diminuir. Era uma preocupação no início: compressão Brotli é mais intensiva em CPU que GZIP, então estávamos observando um possível aumento de latência. Até agora, os payloads menores estão ganhando—menos dados para enviar significa tempos de resposta mais rápidos na borda.
O que você ganha
Brotli está ativo para todas as requisições na borda. Nenhuma mudança de configuração do seu lado: clientes que enviam Accept-Encoding: br recebem Brotli automaticamente. Você ganha menos largura de banda, menor egresso e carregamentos mais rápidos. Já está ativo. Dúvidas? Nos procure no Discord.
