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:
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 comobr
,gzip
oudeflate
.
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 .
- Pressione Control + Shift + J (ou Command + Option + J no Mac) para abrir o DevTools.
- Clique na guia Rede.
- Clique na solicitação que gerou a resposta do seu interesse.
- Clique na guia Cabeçalhos.
- Verifique o cabeçalho
content-encoding
na seção Cabeçalhos de resposta.
Para comparar os tamanhos compactado e descompactado de uma resposta:
- Pressione Control + Shift + J (ou Command + Option + J no Mac) para abrir o DevTools.
- Clique na guia Rede.
- Ative linhas de solicitação grandes. Consulte Usar linhas de solicitação grandes.
- 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.