O Google tem lançado Lighthouse 13 com uma ampla consolidação de auditoria que alinha os relatórios do Lighthouse com o modelo de insights mais recente do Chrome DevTools.

A atualização já está disponível via npm e Canário cromado. Ele chegará ao PageSpeed ​​​​Insights dentro de cerca de uma semana e está programado para o canal estável do Chrome com a versão 143.

O Google diz que a atualização não muda a forma como o Lighthouse calcula as pontuações de desempenho. Esta atualização visa apenas auditorias sem pontuação.

Detalhes do Farol 13

Consolidação de Auditoria

O Lighthouse 13 substitui muitas auditorias legadas por “insights” que refletem DevTools.

Exemplos notáveis ​​incluem:

• CLS e layout: layout-shifts torna-se cls-culprits-insight para uma identificação mais clara das causas da mudança de layout.
• Servidor e rede: document-latency-insight consolida redirecionamentos, tempo de resposta do servidor e verificações de compactação de texto.
• Imagens: image-delivery-insight substitui formatos modernos, imagens otimizadas, imagens responsivas e auditorias eficientes de conteúdo animado.
• PCL: Dois insights analisam os problemas do Large Contentful Paint: lcp-discovery-insight e lcp-phases-insight. Para trabalho de interação, consulte interaction-to-next-paint-insight (INP).
• Terceiro: third-parties-insight substitui o resumo de terceiros mais antigo para mostrar o impacto do script externo.

Substituições adicionais abordam tamanho DOM, JavaScript duplicado, exibição de fonte, JavaScript legado, HTTP/2 e HTTPS moderno, árvores de dependência de rede, bloqueio de renderização, cache e configuração de janela de visualização.

Auditorias removidas sem substituições

Várias auditorias foram removidas porque estão desatualizadas, inacionáveis ​​ou de baixo valor em ambientes modernos. Além disso, algumas auditorias foram removidas porque sua execução era cara.

As auditorias removidas incluem:

• first-meaningful-paint
• font-size
• offscreen-images
• preload-fonts
• uses-rel-preload
• no-document-write
• uses-passive-event-listeners
• third-party-facades

Pequenas diferenças em relação às visualizações anteriores

Google manteve non-composited-animations e unsized-images como diagnósticos separados para ajudar a localizar problemas que não causam diretamente o CLS.

O Google também removeu font-size e preload-fonts mesmo que eles não estivessem na lista de remoção inicial.

Por que isso é importante

Se você confiar no Lighthouse para relatórios de clientes, verá menos itens de linha e mais insights consolidados mapeados para DevTools.

Suas pontuações não devem mudar apenas com a atualização, mas qualquer automação que desative os IDs de auditoria precisará rastrear os novos identificadores de insights.

Para o contexto SEO, a remoção do font-size a auditoria reflete a posição do Google de que este não é um sinal atual de SEO, embora a legibilidade continue sendo uma consideração de UX.

Olhando para o futuro

Espere que o Lighthouse e o DevTools permaneçam alinhados no mesmo modelo de insight.

Para relatórios, considere mapear IDs de auditoria antigos para os novos insights agora para evitar painéis quebrados quando o PSI for atualizado.

Imagem em destaque: FotoField/Shutterstock