Ativar a compactação de texto

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 compactação de texto" do Lighthouse

Como o Lighthouse processa a compactação de texto

O Lighthouse coleta todas as respostas que:

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

Em seguida, o Lighthouse compacta cada um deles com GZIP para calcular a economia potencial.

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

Ativar a compactação de texto no servidor

Ative a compactação de texto nos servidores que veicularam essas respostas para passar nessa 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 for compatível com Brotli (br), use esse formato 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 seu servidor. Em dezembro de 2022, o Brotli era compatível com todos os principais navegadores, exceto o Safari no iOS. Consulte Compatibilidade de navegadores para ver atualizações.

Use o GZIP como substituto do Brotli. O GZIP é compatível com todos os principais navegadores, mas é menos eficiente que o Brotli. Consulte Configurações do servidor para exemplos.

O 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 o DevTools. Clique na guia Rede .

  1. Pressione Control+Shift+J (ou Command+Option+J no Mac) para abrir o DevTools.
  2. Clique na guia Rede.
  3. Clique na solicitação que causou a resposta de 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 &quot;content-encoding&quot;
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 as linhas de solicitação grandes. Consulte Usar linhas de solicitação grandes.
  4. Procure a coluna Tamanho da resposta que você quer. O valor principal é 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: recursos baseados em texto precisam ser veiculados com compactação (gzip, deflate ou brotli) para minimizar o total de bytes da rede. Use uma CDN que ofereça suporte nativo a esse processo ou configure o servidor da Web para fazer essa operação. Saiba mais.
  • Joomla: ative a configuração de 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