Brotli vs Gzip: Qual compressão é melhor para WordPress?

Compressão Brotli vs Gzip? Descubra qual ferramenta de compressão é melhor.

Quando se trata de desempenho do site, a fasquia é alta. Um dos fatores que determinam um ótimo site é sua velocidade. Atualmente, os sites estão cheios de imagens, vídeos e scripts, o que significa que eles exigem mais tempo para carregar.

No entanto, os proprietários de sites que desejam permanecer competitivos devem evitar páginas de carregamento lento. Seus visitantes deixarão seu site se tiverem que esperar alguns segundos extras. Para evitar que isso aconteça, você deve reduzir o tempo de carregamento do seu site.

Uma maneira de melhorar a velocidade do seu site é por meio da compactação de dados. Essa técnica economiza espaço de armazenamento e aumenta a velocidade. Neste artigo, explicaremos o que é compactação de dados. Também vamos comparar dois algoritmos de compressão principais – Gzip e Brotli.

Conteúdo:

• O que é compressão de dados?
• Compressão Brotli vs Gzip – O Básico
  • Compressão Gzip
  • Compressão Brotli
• Teste de referência para compactação Brotli e Gzip
• Como testar seu site para Brotli e Gzip
• Ative a compactação Brotli no WordPress
• Conclusão

O que é compressão de dados?

A compactação de dados é o processo de redução de arquivos da Web usando um algoritmo de compactação . A compressão pode ser com ou sem perdas. Na compactação com perdas, a qualidade dos dados pode ser reduzida. A compactação sem perdas reduz o tamanho dos arquivos da Web sem afetar sua qualidade.

Aqui está porque a compressão é importante; quando você insere um URL em seu navegador da web, ele envia uma solicitação ao servidor da web. O servidor é responsável por buscar e exibir os dados nos navegadores da web.

Após receber a solicitação, os arquivos devem ser baixados e exibidos em questão de segundos. Se um site demora mais de 3 a 5 segundos para carregar, ele aumenta as taxas de rejeição. Quanto mais dados houver para enviar, mais tempo levará para a página carregar.

A compactação de dados tenta eliminar esse problema reduzindo o tamanho dos arquivos do site. Como resultado, seu site usa menos bits e carrega mais rápido. Muitos navegadores da web aceitam um ou dois dos algoritmos de compressão mais populares – Brotli e Gzip.

Compressão Brotli vs Gzip – O Básico

Aqui está uma rápida introdução a ambas as ferramentas de compressão.

Compressão Gzip

Gzip é um software de compressão usado para reduzir o tamanho dos arquivos da web. O software foi lançado em 31 de outubro de 1992 e é baseado no algoritmo DEFLATE. Este formato detecta e remove caracteres duplicados de arquivos da web. É uma compressão de dados sem perdas que combina o algoritmo LZ77 e o algoritmo de codificação Huffman.

O algoritmo LZ77 funciona detectando dados repetidos e substituindo-os por tuplas para compactar os dados brutos. Para compactar ainda mais os dados, o algoritmo de codificação Huffman atribui caracteres recorrentes com o menor número de bits. Então os caracteres raros/exclusivos têm o maior número de bits.

O Gzip foi projetado como uma biblioteca de compactação para todos os fins. Ele pega os dados em sua forma bruta e os compacta sem perdas. Os principais navegadores da web suportam o Gzip, e muitos provedores de hospedagem o oferecem, então é provável que seu site já o use.

Compressão Brotli

Este é outro algoritmo de compressão de dados popular. O Brotli foi criado em 2013 por engenheiros de software do Google e está se tornando rapidamente o método de compactação mais usado em todo o mundo. Isso não é surpresa; ao contrário do Gzip, o Brotli foi projetado para compactar fluxos, tornando-o uma escolha melhor para servidores web.

Além disso, o Brotli é de uso geral e sem perdas. Como resultado, qualquer tipo de arquivo pode ser compactado com eficiência sem perder nenhuma informação. O Brotli vem com uma ampla variedade de suporte e é gratuito.

Teste de referência - Compressão Brotli vs Gzip

Aqui está a grande questão: qual é melhor, Brotli ou Gzip? Para responder a isso, você deve entender o que a compactação envolve, qual é sua proporção e velocidade.

A taxa de compactação descreve a diferença entre um arquivo antes e depois de ser compactado. Por outro lado, a velocidade de compactação refere-se ao tempo necessário para compactar ou descompactar um arquivo. Usando essas informações, vamos comparar Gzip e Brotli.

O Gzip pode reduzir os arquivos do site em até 80%. Essa taxa é impressionante, mas outras ferramentas como o Brotli têm uma taxa de compactação melhor. O benchmarking de Brotli contra Gzip revelou os seguintes resultados:

• Arquivos HTML 21% menores que Gzip
• Arquivos CSS 17% menores que Gzip
• Arquivos JavaScript 14% menores que Gzip

Você pode ficar tentado a concluir que Brotli é melhor com base nesses dados. Embora o Brotli comprima melhor, tem um custo. O Brotli leva mais tempo para compactar em comparação com o Gzip e a velocidade também é uma métrica importante.

Enquanto o Brotli tem uma melhor taxa de compactação, o Gzip lidera em termos de velocidade de compactação.

Além disso, ambas as ferramentas de compactação têm diferentes níveis de compactação. Os níveis afetam diretamente a taxa de compressão e a velocidade.

Aumentar o nível de compactação aumentará a taxa de compactação. No entanto, isso retardará todo o processo. Portanto, se você precisar de uma velocidade de compactação mais alta, precisará reduzir o nível com o qual está compactando. Isso funciona vice-versa.

Em termos de popularidade e número de usuários, o Gzip está no topo. O Brotli foi criado apenas em 2013, enquanto o Gzip existe desde 1992. Embora o Brotli seja relativamente novo, está crescendo rapidamente e se tornando um padrão para provedores de hospedagem.

Como testar seu site para compactação Brotli e Gzip

Existem duas maneiras de verificar se sua página da Web usa algoritmos de compactação. Vamos discutir ambos.

Use uma ferramenta on-line

Esta é a maneira mais fácil de verificar se o seu site WordPress está habilitado para Gzip ou Brotli. Para este tutorial, usaremos as ferramentas de teste de compressão do site giftofspeed.com. Esta ferramenta é simples de usar e também fornece informações adicionais sobre o seu site.

Para começar, digite o URL do seu site no campo de texto fornecido e clique no botão Testar URL ao lado dele. Você obterá o resultado quase imediatamente. É assim que é fácil.

Usando a ferramenta de desenvolvedor do seu navegador – Brotli vs Gzip

Outra maneira de testar seu site é usar as ferramentas de desenvolvedor encontradas em seu navegador da web. Para este tutorial, usaremos o Chrome, mas também funcionará com outros navegadores principais.

Para começar, acesse o site que deseja testar, clique com o botão direito do mouse em qualquer lugar da página e selecione Inspecionar .

No menu do desenvolvedor, clique na guia Rede . Aqui, você verá várias métricas sobre a página que está visualizando no momento. Se nada estiver sendo exibido, talvez seja necessário recarregar a página.

Em seguida, role até o primeiro registro que possui seu nome de domínio e clique nele. Depois disso, mude para a guia Cabeçalhos . Role para baixo até a seção "Cabeçalhos de resposta" e localize o cabeçalho "codificação de conteúdo". Se você vir “br”, significa que o Brotli está ativo no site.

Caso contrário, se você vir “gzip”, significa que a compactação Gzip está ativa em seu site.

Ative a compactação Brotli ou Gzip em sites WordPress

Existem três maneiras de ativar a compactação de dados no WordPress. Você pode instalar manualmente o algoritmo em seu servidor se tiver acesso de administrador ao painel de controle. No entanto, essa abordagem requer alguma experiência em programação.

Alternativamente, você pode habilitá-lo em seu painel de hospedagem (se seu host suportar). Um plugin do WordPress também pode ser usado para habilitá-lo para o seu site.

Antes de começarmos, você precisa fazer backup do seu site para ter uma versão para reverter em caso de erro. Dito isto, aqui estão 2 maneiras de ativar a compactação de dados no WordPress.

Use um plug-in de cache do WordPress

O WordPress tem muitos plugins que permitem adicionar funcionalidade de cache ao seu site. No entanto, nem todos os plug-ins de cache permitem ativar a compactação Brotli, portanto, pesquise cuidadosamente o plug-in que você usará.

Para este tutorial, usaremos o plug-in W3 Total Cache. Para instalar este plugin, vá para Plugins >> Add new . Na barra de pesquisa, digite o nome do plug-in e clique em Instalar agora ao lado do nome do plug-in. O botão muda para “Ativar” após a conclusão da instalação. Clique nele para ativar o plugin. Você pode ler nosso artigo sobre como instalar um plugin WordPress.

Uma vez instalado, vá para Performance >> Browser Cache para abrir a página de configurações do plugin.

Na guia "Geral", localize a seção de compactação de dados. A compactação será definida como Gzip por padrão. Se você preferir usar a compactação gzip, pode deixar as configurações como estão. Caso contrário, você precisa desmarcá-lo e ativar a caixa de seleção ao lado de “Ativar compactação HTTP (brotli)”.

Depois disso, role para baixo e clique em Save all settings & Purge Cache .

Da mesma forma, CSS e JS, HTML e XML e arquivos de mídia devem ser configurados para serem compactados também.

Você pode navegar para a seção desejada usando o menu. Depois de selecionar um algoritmo de compactação, clique no botão Save Changes & Purge Cache .

Hospedagem de suporte

Um host da Web que oferece compactação de dados pronta para uso é outra maneira fácil de habilitar o algoritmo. Entre em contato com seu provedor de hospedagem para saber se eles fornecem compactação e informe o nível de compactação desejado.

Se o seu host não oferece compactação de dados, você pode usar o método de plug-in acima. Caso contrário, você pode precisar atualizar sua hospedagem na web. Você pode verificar nossa análise dos melhores provedores de hospedagem WordPress.

Se o seu site estiver usando a CDN da Cloudflare, você poderá habilitar facilmente o Brotli para o seu site. Para isso, faça login na conta do seu site no painel da Cloudflare. Em seguida, vá para a guia Velocidade e selecione Otimização . Lá, você pode alternar o botão Brotli para Ligado .

Agora, seu site WordPress usará o Brotli para lidar com a compactação.

Nota lateral: você precisa conectar seu site à Cloudflare antes de usar a ferramenta de compactação. Temos um guia detalhado sobre como integrar Cloudflare com WordPress .

Conclusão – Brotli vs Gzip

Em última análise, a compactação ajuda o seu site WordPress a carregar mais rápido porque reduz o tamanho do arquivo. Tanto o Gzip quanto o Brotli ajudam a compactar os arquivos do seu site.

Enquanto o Gzip é mais antigo e conhecido, o Brotli comprime melhor. No entanto, também requer um pouco mais de tempo para compactar do que o Gzip. Mesmo assim, o Brotli é mais moderno e, na maioria das vezes, daria melhores resultados.

Em última análise, seu objetivo é oferecer aos seus usuários a melhor experiência enquanto estiverem em seu site, independentemente da ferramenta que você usa. Portanto, você pode testar os dois algoritmos para as necessidades exclusivas do seu site e executar um teste de velocidade em cada um.

Para obter mais dicas sobre otimização de sites, consulte nosso guia de otimização de velocidade. Além disso, verifique o resto do nosso blog para outros tutoriais do WordPress.