Performance Insights fornisce informazioni strategiche sul rendimento del tuo sito web ed è disponibile sia nel riquadro Prestazioni di DevTools sia in Lighthouse.
Riquadro Prestazioni di DevTools Controlli del rendimento di Lighthouse
Identifica i selettori CSS complessi che richiedono molto tempo al browser per essere abbinati agli elementi della pagina.
Identifica i motivi per cui la richiesta del documento HTML richiede più tempo del previsto.
Individua moduli o codice JavaScript identici caricati più volte all'interno di una singola pagina.
Valuta la proprietà CSS `font-display` per assicurarsi che il testo rimanga visibile durante il caricamento dei caratteri personalizzati.
Identifica quando JavaScript costringe il browser a ricalcolare il layout della pagina, causando potenzialmente problemi di prestazioni.
Suggerisce modi per ottimizzare il caricamento delle immagini, ad esempio utilizzando formati moderni come AVIF o WebP e assicurando il dimensionamento corretto.
Mostra le sezioni secondarie dell'INP per aiutarti a identificare le opportunità di ottimizzazione per migliorare l'INP.
Indica gli elementi DOM specifici responsabili del movimento imprevisto nella pagina, che contribuisce alla variazione del layout cumulativa.
Mostra le sottoparti LCP per aiutarti a identificare le opportunità di ottimizzazione per migliorare LCP.
Identifica i motivi per cui la richiesta di immagine LCP richiede più tempo del previsto.
Segnala il codice JavaScript obsoleto che potrebbe essere più lento e non necessario per la maggior parte dei browser moderni.
Verifica la presenza di protocolli di rete più recenti come HTTP/2 o HTTP/3 per migliorare la velocità e il multiplexing di richieste e risposte.
Identifica le catene di dipendenze chiave che bloccano il rendering iniziale della pagina.
Identificato quando in una pagina è presente un numero elevato di elementi HTML, il che può influire sulle prestazioni di rendering.
Verifica che l'area visibile della pagina sia configurata correttamente per assicurarsi che non causi un ritardo di 300 millisecondi nei tocchi sui dispositivi mobili.
Identifica le risorse che bloccano il rendering iniziale della pagina ritardando l'LCP.
Elenca le risorse di terze parti caricate nella pagina.
Identifica le norme di memorizzazione nella cache non ottimali che comportano download potenzialmente non necessari durante le visite ripetute alla pagina.