Nuove metriche sul rendimento, aggiornamenti a PageSpeed Insights e al Report sull'esperienza utente di Chrome (CrUX) e altro ancora.
Al Chrome Developer Summit, Paul Irish e io abbiamo annunciato gli aggiornamenti di Lighthouse: Lighthouse CI, una nuova formula per il punteggio del rendimento e altro ancora. Oltre alle grandi novità di Lighthouse, abbiamo presentato interessanti sviluppi degli strumenti per le prestazioni, tra cui nuove metriche sul rendimento, aggiornamenti di PageSpeed Insights e del Report sull'esperienza utente di Chrome (CrUX) e approfondimenti dell'analisi dell'ecosistema web di Web Almanac.
Nuove metriche sul rendimento
Misurare le sfumature dell'esperienza di un utente è fondamentale per quantificare l'impatto che ha sul tuo profitto e monitorare i miglioramenti e le regressioni. Nel tempo, sono state sviluppate nuove metriche per cogliere queste sfumature e colmare le lacune nella misurazione dell'esperienza utente. L'ultima novità relativa alle metriche sono due metriche sul campo: Largest Contentful Paint (LCP) e Cumulative Layout Shift (CLS), che sono in fase di incubazione nel gruppo di lavoro W3C Web Performance, e una nuova metrica di laboratorio: Total Blocking Time (TBT).
Largest Contentful Paint (LCP)
Largest Contentful Paint (LCP) indica il momento in cui l'elemento di contenuti più grande diventa visibile nell'area visibile.
Prima di Largest Contentful Paint, First Meaningful Paint (FMP) e Speed Index (SI) servivano per registrare l'esperienza di caricamento dopo la pittura iniziale, ma queste metriche sono complesse e spesso non identificano quando sono stati caricati i contenuti principali della pagina. La ricerca ha dimostrato che il semplice monitoraggio del momento in cui viene visualizzato l'elemento più grande della pagina rappresenta meglio il momento in cui vengono caricati i contenuti principali di una pagina.
La nuova metrica Largest Contentful Paint sarà presto disponibile nei report di Lighthouse e nel frattempo puoi misurare LCP in JavaScript.
Tempo di blocco totale (TBT)
La metrica Total Blocking Time (TBT) misura il tempo totale tra First Contentful Paint (FCP) e Tempo all'interattività (TTI) in cui il thread principale è stato bloccato per il tempo necessario a evitare la reattività all'input.
Un'attività è considerata lunga se viene eseguita nel thread principale per più di 50 millisecondi. Qualsiasi millisecondo superiore viene conteggiato nel tempo di blocco dell'attività.

Il tempo di blocco totale di una pagina è la somma dei tempi di blocco di tutte le attività lunghe che si sono verificate tra FCP e TTI.

Sebbene il tempo di risposta sia utile per identificare quando il thread principale si attenua in un secondo momento durante il caricamento, la durata blocco totale mira a quantificare la sollecitazione del thread principale durante il caricamento. In questo modo, il TTI e il TBT si completano a vicenda e forniscono equilibrio.
Cumulative Layout Shift (CLS)
Il CLS (Cumulative Layout Shift) misura la stabilità visiva di una pagina e quantifica la frequenza con cui gli utenti riscontrano spostamenti imprevisti del layout. Il movimento imprevisto dei contenuti può essere molto frustrante e questa nuova metrica ti aiuta a risolvere il problema misurando la frequenza con cui si verifica per i tuoi utenti.
Consulta la guida dettagliata al Cumulative Layout Shift per scoprire come viene calcolato e misurato.
La nuova formula del punteggio del rendimento di Lighthouse ridurrà presto l'importanza di FMP e FCI e includerà le tre nuove metriche LCP, TBT e CLS, poiché rilevano meglio quando una pagina è utilizzabile.

Per saperne di più, consulta la pagina relativa al punteggio del rendimento di Lighthouse e la nuova raccolta di metriche web.dev.
Soglie dei dati dei campi (CrUX) regolate in PageSpeed Insights
Nell'ultimo anno abbiamo analizzato il rendimento web sul campo tramite i dati del Report sull'esperienza utente di Chrome (CrUX). Grazie alle informazioni ricavate da questi dati, abbiamo rivalutato le soglie che utilizziamo per etichettare un sito web come "lento", "moderato" o "veloce" in base al rendimento sul campo.

Per ottenere una valutazione complessiva di un sito, PageSpeed Insights (PSI) utilizza un determinato percentile della distribuzione totale dei dati sul campo come numero ideale per quel sito; le soglie precedenti utilizzate erano il 90° percentile per il primo messaggio utile e il 95° percentile per il ritardo del primo input (FID).
Ad esempio, se un sito ha una distribuzione FCP del 50% veloce, 30% moderata, 20% lenta, il FCP del 90° percentile si trova nella sezione lenta, il che rende il punteggio complessivo del campo per il sito lento.
Questo valore è stato modificato per avere una distribuzione complessiva migliore sui siti web e la nuova suddivisione è la seguente:
Metrica | Percentile complessivo | Veloce (ms) | Moderata (ms) | Lento (ms) |
FCP | 75° percentile | 1000 | 1000-3000 | 3000+ |
FID | 95° percentile | 100 | 100-300 | 300+ |
Ad esempio, ora se un sito ha una distribuzione FCP del 50% veloce, 30% moderata, 20% lenta, il FCP del 75° percentile si trova nella sezione moderata, il che rende il punteggio complessivo del campo per il sito moderato.
Reindirizzamenti di URL canonici in PageSpeed Insights
Per consentirti di misurare l'esperienza dell'utente nel modo più accurato possibile, il team di PageSpeed Insights ha aggiunto a PSI una richiesta di rianalizzare. Per i siti reindirizzati a un nuovo URL, ti viene chiesto di eseguire di nuovo il report sull'URL pagina di destinazione per avere un quadro più completo del rendimento effettivo.

CrUX nel nuovo report Velocità di Search Console
Una settimana prima del Chrome Dev Summit, Search Console ha implementato il nuovo report Velocità. Utilizza i dati del Rapporto sull'esperienza utente di Chrome per aiutare i proprietari di siti a scoprire potenziali problemi relativi all'esperienza utente. Il report Velocità assegna automaticamente gruppi di URL simili ai bucket "Veloce", "Medio" e "Lento" e aiuta a dare la priorità ai miglioramenti del rendimento per problemi specifici.

Almanacco web

Nel keynote di apertura abbiamo annunciato il lancio del Web Almanac, un progetto annuale che associa le statistiche e le tendenze relative allo stato del web con le competenze della comunità web. 85 collaboratori, tra cui sviluppatori di Chrome e della community web, si sono offerti volontari per lavorare al progetto, che analizza 20 aspetti fondamentali del web in relazione a come i siti vengono creati, pubblicati e vissuti. Inizia a esplorare l'Almanacco web per scoprire di più sullo stato delle prestazioni, di JavaScript e del codice di terze parti sul web.
Scopri di più
Per ulteriori dettagli sugli aggiornamenti degli strumenti per il rendimento del Chrome Developer Summit, guarda il talk Evoluzione degli strumenti per la velocità: