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:
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 comobr
,gzip
oudeflate
.
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.
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.