Ativar a compactação de texto

Os recursos baseados em texto precisam ser veiculados com compactação para minimizar o total de bytes da rede. A seção "Oportunidades" do relatório do Lighthouse lista todos os recursos baseados em texto que não estão compactados:

Captura de tela da auditoria "Ativar a compactação de texto" do Lighthouse

Como o Lighthouse lida com a compactação de texto

O Lighthouse reúne todas as respostas que:

  • Possuir tipos de recursos baseados em texto.
  • Não inclua um cabeçalho content-encoding definido como br, gzip ou deflate.

O Lighthouse, em seguida, compacta cada um deles com GZIP para calcular as economias possíveis.

Se o tamanho original de uma resposta for menor que 1,4 KiB ou se a economia de compactação potencial for menor que 10% do tamanho original, o Lighthouse não sinalizará essa resposta nos resultados.

Ativar a compactação de texto no servidor

Ative a compactação de texto nos servidores que exibiram essas respostas para passar na auditoria.

Quando um navegador solicita um recurso, ele usa o cabeçalho de solicitação HTTP Accept-Encoding para indicar quais algoritmos de compactação são compatíveis.

Accept-Encoding: gzip, compress, br

Se o navegador oferecer suporte ao Brotli (br), use esse algoritmo, porque ele pode reduzir o tamanho do arquivo dos recursos mais do que os outros algoritmos de compactação. Pesquise how to enable Brotli compression in <X>, em que <X> é o nome do servidor. Desde dezembro de 2022, o Brotli é compatível com todos os principais navegadores, exceto o Safari no iOS. Consulte Compatibilidade do navegador para atualizações.

Use o GZIP como substituto do Brotli. O GZIP tem suporte nos principais navegadores, mas é menos eficiente que o Brotli. Consulte Configurações do servidor para exemplos.

Seu servidor precisa retornar o cabeçalho de resposta HTTP Content-Encoding para indicar qual algoritmo de compactação foi usado.

Content-Encoding: br

Verificar a compactação de resposta

Para verificar se um servidor compactou uma resposta:

Pressione Control+Shift+J (ou Command+Option+J no Mac) para abrir as Ferramentas para desenvolvedores. Clique na guia Rede .

  1. Pressione Control+Shift+J (ou Command+Option+J no Mac) para abrir as Ferramentas do desenvolvedor.
  2. Clique na guia Rede.
  3. Clique na solicitação que gerou a resposta do seu interesse.
  4. Clique na guia Cabeçalhos.
  5. Verifique o cabeçalho content-encoding na seção Cabeçalhos de resposta.
O cabeçalho de resposta de codificação de conteúdo
O cabeçalho de resposta content-encoding.

Para comparar os tamanhos compactado e descompactado de uma resposta:

  1. Pressione Control + Shift + J (ou Command + Option + J no Mac) para abrir o DevTools.
  2. Clique na guia Rede.
  3. Ative linhas de solicitação grandes. Consulte Usar linhas de solicitação grandes.
  4. Procure a resposta de seu interesse na coluna Tamanho. O valor superior é o tamanho compactado. O valor de baixo é o tamanho descompactado.

Consulte também Minimizar e compactar payloads de rede.

Orientações específicas para a pilha

  • Drupal: os recursos baseados em texto precisam ser veiculados com compactação (gzip, deflate ou brotli) para minimizar o total de bytes da rede. Considere usar um CDN compatível com isso ou configure o servidor da Web para realizar essa operação. Saiba mais.
  • Joomla: ative a configuração "Compactação de página Gzip" (Sistema > Configuração global > Servidor).
  • WordPress: ative a compactação de texto na configuração do servidor da Web.

Recursos