Web Vitals

Pubblicato il 4 maggio 2020, ultimo aggiornamento il 31 ottobre 2024

L'ottimizzazione per garantire un'esperienza utente di qualità è fondamentale per il successo duraturo di qualsiasi sito sul web. Se sei il proprietario di un'attività, un professionista del marketing o uno sviluppatore, le metriche Web Vitals possono aiutarti a quantificare l'esperienza di utilizzo del tuo sito e a individuare opportunità di miglioramento.

Panoramica

Web Vitals è un'iniziativa di Google pensata per offrire indicazioni unificate relative a indicatori di qualità fondamentali per garantire un'eccellente esperienza utente sul web.

Nel corso degli anni, Google ha fornito una serie di strumenti per misurare e segnalare il rendimento. Alcuni sviluppatori sono esperti nell'utilizzo di questi strumenti, mentre altri hanno trovato difficile tenere il passo con l'abbondanza di strumenti e metriche.

I proprietari dei siti non dovrebbero essere esperti di rendimento per comprendere la qualità dell'esperienza che offrono ai propri utenti. L'iniziativa Web Vitals mira a semplificare il panorama e ad aiutare i siti a concentrarsi sulle metriche più importanti, ovvero i Core Web Vitals.

Core Web Vitals

I Core Web Vitals sono il sottoinsieme di Web Vitals che si applicano a tutte le pagine web, dovrebbero essere misurati da tutti i proprietari di siti e saranno visualizzati in tutti gli strumenti di Google. Ognuno dei Core Web Vitals rappresenta un aspetto distinto dell'esperienza utente, è misurabile sul campo e riflette l'esperienza reale di un risultato critico incentrato sull'utente.

Le metriche che compongono i Segnali web essenziali evolveranno nel tempo. L'insieme attuale si concentra su tre aspetti dell'esperienza utente, cioè caricamento, interattività e stabilità visiva, e include le seguenti metriche (e le rispettive soglie):

Consigli sulle soglie Largest Contentful Paint Suggerimenti per le soglie di Interaction to Next Paint Consigli sulle soglie di Cumulative Layout Shift
  • Largest Contentful Paint (LCP): consente di misurare le prestazioni di caricamento. Per garantire una buona esperienza utente, l'LCP dovrebbe verificarsi entro 2,5 secondi dall'inizio del caricamento della pagina.
  • Interaction to Next Paint (INP): consente di misurare l'interattività. Per offrire una buona esperienza utente, le pagine dovrebbero avere un valore di INP pari o inferiore a 200 millisecondi.
  • Cumulative Layout Shift (CLS): consente di misurare la stabilità visiva. Per offrire una buona esperienza utente, le pagine dovrebbero mantenere un valore di CLS pari o inferiore a 0,1.

Per assicurarvi di raggiungere l'obiettivo consigliato per queste metriche rispetto alla maggior parte degli utenti, una buona soglia da misurare è il 75° percentile dei caricamenti delle pagine, segmentato tra dispositivi mobili e computer fissi.

Gli strumenti che valutano la conformità ai Core Web Vitals devono considerare una pagina superata se soddisfa i target consigliati al 75° percentile per tutte e tre le metriche dei Core Web Vitals.

Ciclo di vita

Le metriche dei Core Web Vitals seguono un ciclo di vita composto da tre fasi: sperimentale, in attesa e stabile.

Le tre fasi del ciclo di vita delle metriche di Core Web Vitals, visualizzate come una serie di tre chevron. Da sinistra a destra, le fasi sono sperimentale, in attesa e stabile.
Le fasi del ciclo di vita dei Core Web Vitals.

Ogni fase è progettata per indicare agli sviluppatori come devono considerare ogni metrica:

  • Le metriche sperimentali sono potenziali Core Web Vitals che potrebbero essere ancora in fase di modifiche significative a seconda dei test e del feedback della community.
  • Le metriche in attesa sono futuri Core Web Vitals che hanno superato la fase di test e feedback e hanno una tempistica ben definita per diventare stabili.
  • Le metriche stabili sono l'insieme attuale di Segnali web essenziali che Chrome considera essenziali per un'esperienza utente ottimale.

I Segnali web essenziali si trovano nelle seguenti fasi del ciclo di vita:

Sperimentale

Quando una metrica viene sviluppata inizialmente ed entra nell'ecosistema, viene considerata una metrica sperimentale.

Lo scopo della fase sperimentale è valutare l'idoneità di una metrica, innanzitutto esplorando il problema da risolvere e, possibilmente, ripetendo le metriche precedenti che potrebbero non aver risolto il problema. Ad esempio, Interaction to Next Paint (INP) è stato sviluppato inizialmente come metrica sperimentale per risolvere in modo più completo i problemi di rendimento di runtime presenti sul web rispetto a First Input Delay (FID).

La fase sperimentale del ciclo di vita dei Core Web Vitals ha anche lo scopo di offrire flessibilità nello sviluppo di una metrica identificando bug e persino esplorando modifiche alla sua definizione iniziale. È anche la fase in cui il feedback della community è più importante.

In attesa

Quando il team di Chrome stabilisce che una metrica sperimentale ha ricevuto feedback sufficienti e ha dimostrato la sua efficacia, diventa una metrica in attesa. Ad esempio, nel 2023 INP è passato dallo stato sperimentale a quello in attesa con l'intenzione di ritirare FID.