Início » Infra para WordPress » Brotli e a compressão de dados. Tchau GZIP!
Infra para WordPress

Brotli e a compressão de dados. Tchau GZIP!

Você já ouviu falar no Brotli? Ele é um rival do GZIP com entrega melhor em compressão, velocidade e resultado.
Escrito Por Leandro Vieira em setembro de 2020 /4 min de leitura
Conteúdo escrito por humano
Brotli

O Brotli é um algoritimo para comprimir dados.

Ele tem uma taxa de compressão melhor do que as opções atuais.

É algo novo, pouco utilizado, mas vem como um grande aliado no desafio de deixar um site performático.

Além do ganho de performance, o Brotli vai impactar positivamente o seu financeiro.

Como ele compacta ainda mais os arquivos, seu consumo de dados trafegados cai, e por conseguinte você gasta menos com banda.

Brotli

Brotli versus GZIP

O GZIP tem quase duas décadas.

Até então não tínhamos alternativas a ele com a combinação de velocidade, suporte e resultados.

Em setembro de 2015 o Google introduziu o Brotli ao mercado, como o novo compressor para a internet.

Segundo um experimento realizado pela Akamai, de Brotli versus GZIP, o novo algoritimo bateu o seu oponente nos dois principais quesitos: compreensão e velocidade.

O teste foi realizado entre arquivos HTML, CSS e JavaScript.

Os resultados em relação aos três tipos de arquivos foram o seguinte.

Análise de compreensão para HTML

Média de compreensão com GZIP78%
Média de compreensão com Brotli82%
Melhoria média do Brotli sobre o GZIP21%
Melhoria do Brotli sobre o GZIP, 90th percentile39%

Análise de compreensão para JavaScript

Média de compreensão com GZIP63%
Média de compreensão com Brotli68%
Melhoria média do Brotli sobre o GZIP14%
Melhoria do Brotli sobre o GZIP, 90th percentile26%

Análise de compreensão para CSS

Média de compreensão com GZIP79%
Média de compreensão com Brotli82%
Melhoria média do Brotli sobre o GZIP17%
Melhoria do Brotli sobre o GZIP, 90th percentile27%

Em todos os cenários, os ganhos de compreensão com o Brotli são significativos.

Além disso, ele também ganha em velocidade.

Esse resultado e outros detalhes da pesquisa podem ser visualizados na página sobre o teste no blog da Akamai.

Mais um aliado à performance

Podemos considerar que o Brotli é mais um aliado aos nossos desafios de melhorias de performance.

Estamos deixando uma era de ficarmos fissurados por pontuações em ferramentas como o PageSpeed, por exemplo.

E passarmos a considerar em quantos segundos a página leva para carregar.

De acordo com um estudo da Google, 40% das pessoas abandonam um site que demora mais de três segundos para carregar.

E a cada 1% de demora, resulta em 7% de redução na taxa de conversão.

Ganho de performance e dinheiro simultâneamente

Como estamos falando de um método para comprimir ainda mais os arquivos estáticos.

Significa dizer que o tamanho desses arquivos serão menores.

Arquivos menores sendo trafegados entre o servidor e o navegador de internet do usuário, significa que menos dados serão deslocados.

Com menos dados em circulação gera economia de banda.

O consumo de banda é precificado. E toda redução é igual economizar dinheiro.

Portanto, temos um algoritmo que vai nos apoiar na melhoria de performance, contribuir para aumentar a taxa de conversão, e reduzir nossos custos com infraestrutura de servidores.

Sobre a instalação do Brotli

No GitHub da Google, temos um repositório dedicado ao projeto.

Nele temos instruções de como instalar o algoritmo através de módulos para o servidor web NGINX.

No WP Host, o produto de hospedagem para WordPress da Apiki, estamos realizando testes em alguns clientes e situações.

A partir desses testes de implementação, esse método de compreensão será padrão em nossos servidores na AWS.

Suporte dos navegadores

Sempre quando falamos de novas tecnologias, levantamos a preocupação sobre o suporte dos browsers.

Nesse caso, podemos seguir em frente de coração aberto.

O Brotli é suporte nos principais navegadores em uso.

Esse suporte pode ser verificado através do site Can I use, como demonstrado na imagem abaixo.

Crédito da imagem: Can I Use.

Você também pode analisar o cabeçalho de resposta da página entregue pelo servidor.

Ele será a comprovação de que o algoritmo está em uso.

O uso pode ser analisado através dos seguinte cabeçalho:

  • Content-encoding: gzip
  • ou
  • Content-encoding: br

No primeiro caso, temos o GZIP comprimindo o arquivo, enquanto no segundo o Brotli. Representado pelo “br”.

Conclusão sobre o Brotli

As receitas antigas para melhorias de performance em sites em WordPress não funcionam mais.

Seja para o ganho de pontinhos no PageSpeed, ou para diminuir o tempo de carregamento.

Hoje se faz necessário a adoção de várias tecnologias, e este novo algoritmo é uma delas.

Como dito, já temos em fase de testes no WP Host, e aconselho você questionar sua hospedagem para WordPress a respeito.

Leandro Vieira

Uma das grandes referências de WordPress no Brasil, entusiasta e evangelista da plataforma. Fundador e CEO da Apiki, empresa especializada no desenvolvimento web com WordPress.
Qual nota você da para este artigo?
Ruim

O que você achou disso?

Clique nas estrelas

Média da classificação 0 / 5. Número de votos: 0

Nenhum voto até agora! Seja o primeiro a avaliar este post.

Excelente
Artigos Relacionados

Como configurar autenticação de dois fatores no WordPress

Favicon Editor no WordPress 4.3

Construa seu site WordPress sob medida com os maiores especialistas em WordPress da America Latina
Conheça a Apiki

Faça um comentário
Cadastre-se rápido

Fazer Login