Blog sobre WordPress
No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
Cadastrar e-mail
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
No Result
View All Result
Blog sobre WordPress
No Result
View All Result
banner-horizontal-3

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

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.

Leandro Vieira by Leandro Vieira
2 anos ago
Reading Time: 6 min
0
Compartilhe no FacebookCompartilhe no LinkedIn
Audio

O Brotli é um algoritimo para comprimir dados.

Conteúdo relacionado

Os 3 principais motivos para atualizar o PHP, além do WordPress

Como e por que chegamos ao QUIC e ao HTTP/3

Redis – A poderosa solução de cache para WordPress

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.

Tags: BrotliGZIPNGINXpagespeed
Share8Share1SendShare
Previous Post

Como criar blocos reutilizáveis no Gutenberg

Next Post

WordPress e o desenvolvimento de aplicativos móveis

Leandro Vieira

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.

Related Posts

WP-CLI – A interface de linha de comando para WordPress
Infra para WordPress

WP-CLI – A interface de linha de comando para WordPress

19 de agosto de 2020
NGINX vs Apache: conceitos, semelhanças e diferenças
Infra para WordPress

NGINX vs Apache: conceitos, semelhanças e diferenças

24 de março de 2021
Porque seu site precisa adotar o protocolo HTTP/2
Infra para WordPress

Porque seu site precisa adotar o protocolo HTTP/2

24 de março de 2021
IPv6: o que você precisa saber sobre o protocolo
Infra para WordPress

IPv6: o que você precisa saber sobre o protocolo

25 de março de 2021
Next Post
Ilustração para o Desenvolvimento de aplicativos móveis

WordPress e o desenvolvimento de aplicativos móveis

Ilustração para o Core Web Vitals

Core Web Vitals e a experiência de página

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

banner-lateral-3
Receba no seu e-mail uma série de conteúdos sobre Infra para WordPress.
  • Este campo é para fins de validação e não deve ser alterado.

Facebook LinkedIn Instagram Twitter Youtube Github RSS

Sobre a Apiki

Empresa especializada em WordPress com três unidades de negócios.

  1. Design e Desenvolvimento;
  2. Infra e Hospedagem;
  3. Suporte e manutenção.

Em resumo, só fazemos uma coisa em WordPress: tudo.

Páginas do Apiki.com

  • Apiki.com
  • Sobre a Apiki
  • Hospedagem
  • Desenvolvimento
  • UX & UI para WordPress
  • Growth em WordPress
  • Suporte
  • Atendimento

Páginas do Blog

  • Sobre
  • Newsletter
  • Desenvolvimento WordPress
  • Segurança para WordPress
  • WordPress Mobile
  • Infra para WordPress
  • WordPress SEO
  • WordPress Performance
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.

No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.