Ativar a compactação de texto

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 com base em texto que não estão compactados:

Captura de tela da auditoria de ativação da 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 possível economia.

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 sinalizará essa resposta nos resultados.

Como ativar a compactação de texto no seu servidor

Ative a compactação de texto nos servidores que veicularam 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 quais algoritmos de compactação são compatíveis.

Accept-Encoding: gzip, compress, br

Se o navegador for compatível com Brotli (br), você precisará usar 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. A partir de dezembro de 2022, o Brotli será compatível com todos os principais navegadores, exceto o Safari no iOS. Consulte Compatibilidade do navegador para mais atualizações.

Use o GZIP como substituto para o 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 retornará o cabeçalho de resposta HTTP Content-Encoding para indicar o algoritmo de compactação usado.

Content-Encoding: br

Verificar se uma resposta foi compactada no Chrome DevTools

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 .

[comment]: <> (a lista a seguir era um shortcode do web.dev, mas não foi traduzido do inglês para nenhum idioma.) 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 em que você tem 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:

[comment]: <> (a lista a seguir era um shortcode do web.dev, mas não foi traduzido do inglês para nenhum idioma.) 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. Consulte a coluna Tamanho da resposta em que você tem interesse. O valor superior é o tamanho compactado. O valor inferior é o tamanho descompactado.

Consulte também Minificar e compactar payloads de rede.

Orientações específicas para a pilha

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

Recursos