Ativar a compactação de texto

Os recursos baseados em texto precisam ser disponibilizados 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 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 o GZIP para calcular as possíveis economias.

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

Ative a compactação de texto em seu servidor

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

Quando um navegador solicita um recurso, ele usa o cabeçalho de solicitação HTTP Accept-Encoding para indicar a quais algoritmos de compactação ele oferece suporte.

Accept-Encoding: gzip, compress, br

Se o navegador for compatível com o Brotli (br), use o Brotli, 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. 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 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 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. O valor superior é o tamanho compactado. O valor da parte de baixo é o tamanho descompactado.

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