Ativar a compactação de texto

Os recursos baseados em texto devem ser disponibilizados com compactação para minimizar o total de bytes. A seção "Oportunidades" do relatório do Lighthouse lista todas as campanhas recursos que não são compactados:

Captura de tela da auditoria de ativação de compactação de texto do Lighthouse

Como o Lighthouse lida com 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 o potencial economia de energia.

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

Ative a compactação de texto em seu servidor

Habilite a compactação de texto nos servidores que veicularam essas respostas para passar nessa auditoria.

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

Accept-Encoding: gzip, compress, br

Se o navegador for compatível com o Brotli (br) use Brotli porque ele pode reduzir o tamanho do arquivo dos recursos mais do que outros algoritmos de compactação. Pesquisar how to enable Brotli compression in <X>, onde <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 é compatível com todos os principais navegadores, mas é menos eficiente do que o Brotli. Consulte Configurações do servidor. para ver exemplos.

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

Content-Encoding: br

Verificar a compactação de respostas

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 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 da 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. Veja a resposta que você quer na coluna Tamanho. A o valor superior é o tamanho compactado. O valor de baixo é o tamanho.

Consulte também Reduzir e compactar payloads da rede.

Orientação específica da pilha

  • 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 seu servidor da Web.

Recursos