Os Insights de performance oferecem insights úteis sobre o desempenho do seu site e estão disponíveis no painel "Performance" do DevTools e no Lighthouse.
Painel de desempenho das DevTools Auditorias de performance do Lighthouse
Identifica seletores de CSS complexos que levam muito tempo para o navegador corresponder aos elementos na página.
Identifica os motivos de a solicitação de documento HTML demorar mais do que o esperado.
Identifica módulos ou códigos JavaScript idênticos que estão sendo carregados várias vezes em uma única página.
Avalia a propriedade CSS "font-display" para garantir que o texto permaneça visível enquanto as fontes personalizadas são carregadas.
Identifica quando o JavaScript força o navegador a recalcular o layout da página, o que pode causar problemas de performance.
Sugere maneiras de otimizar o carregamento de imagens, como usar formatos modernos como AVIF ou WebP e garantir o dimensionamento correto.
Mostra as subpartes do INP para ajudar a identificar oportunidades de otimização e melhorar o INP.
Aponta os elementos DOM específicos responsáveis pelo movimento inesperado na página, o que contribui para a mudança de layout cumulativa.
Mostra as subpartes da LCP para ajudar a identificar oportunidades de otimização e melhorar a LCP.
Identifica os motivos pelos quais a solicitação de imagem LCP demora mais do que o esperado.
Sinaliza código JavaScript desatualizado que pode ser mais lento e desnecessário para a maioria dos navegadores modernos.
Verifica protocolos de rede mais recentes, como HTTP/2 ou HTTP/3, para melhorar a velocidade e a multiplexação de solicitações e respostas.
Identifica as principais cadeias de dependência que estão bloqueando a renderização inicial da página.
Identificado quando há um grande número de elementos HTML em uma página, o que pode afetar o desempenho da renderização.
Verifica se a janela de visualização da página está configurada corretamente para não causar um atraso de 300 milissegundos no toque em dispositivos móveis.
Identifica recursos que bloqueiam a renderização inicial da página, atrasando a LCP.
Lista os recursos de terceiros carregados na página.
Identifica políticas de cache abaixo do ideal que resultam em downloads potencialmente desnecessários em visitas repetidas à página.