Trova la strada con i dati sul campo nell'aggiornamento dell'estensione Web Vitals

L'estensione Web Vitals ora mostra la posizione delle tue esperienze locali rispetto alle esperienze utente reali sul campo.

Pubblicato il 2 luglio 2021

Le metriche Core Web Vitals sono le metriche più importanti da misurare per comprendere le esperienze degli utenti, perché quando gli utenti hanno esperienze positive, succedono cose belle. L'estensione Web Vitals per Chrome è uno degli strumenti della cassetta degli attrezzi di Web Vitals che mostra i dati sul rendimento delle pagine che visiti mentre navighi sul web.

Le prestazioni della pagina dipendono da molti fattori, inclusi l'hardware e la qualità della rete. La tua esperienza con una pagina sul tuo computer potrebbe essere molto diversa da quella della maggior parte degli utenti. Ecco perché la versione 1.0 dell'estensione Web Vitals include una nuova funzionalità che integra i dati utente reali del report sull'esperienza utente di Chrome (CrUX) con le misurazioni locali di Core Web Vitals. Questa funzionalità mostra le misurazioni locali nel contesto dell'esperienza degli altri utenti con le stesse pagine. È dotata di una nuova UI sfavillante e non vedo l'ora di mostrarti come funziona.

Dati sul campo da CrUX

CrUX è un set di dati pubblico costituito da esperienze di utenti reali in Chrome. Supporta alcuni degli strumenti fondamentali nel flusso di lavoro di Core Web Vitals, come Search Console e PageSpeed Insights. I dati non elaborati di milioni di siti web sono anche interrogabili pubblicamente nel set di dati CrUX su BigQuery e nell'API CrUX. Questo aggiornamento dell'estensione Web Vitals integra i dati a livello di pagina e di origine per i computer dell'API CrUX.

I dati sull'esperienza utente sono suddivisi in tre valutazioni qualitative: buona, da migliorare e scarsa. Le soglie utilizzate per ogni classificazione sono documentate nelle guide relative a ogni metrica di Core Web Vitals: LCP, FID e CLS. Ad esempio, l'API CrUX può indicare che il 16% delle esperienze degli utenti reali su una determinata pagina è valutato come buono con un LCP inferiore a 2,5 secondi.

Interfaccia utente della nuova estensione

Screenshot dell'estensione Web Vitals che mostra una spiegazione della relazione tra l'esperienza LCP locale e i dati sul campo dei computer degli utenti reali.
Screenshot dell'estensione Web Vitals che mostra una spiegazione del rapporto tra l'esperienza LCP locale e i dati sul campo dei computer degli utenti reali.

Nella nuova interfaccia dell'estensione Web Vitals, la tua esperienza locale viene sovrapposta alla distribuzione più ampia delle esperienze degli utenti reali. È come quando ti trovi in un luogo grande come un centro commerciale e c'è una grande mappa con tutti i negozi e un segnaposto con la dicitura "TU SEI QUI" per aiutarti a orientarti e trovare la strada.

Le distribuzioni dei dati di utenti reali da CrUX sono indicate su una barra orizzontale per ogni metrica. Le tue esperienze locali vengono visualizzate come singoli punti su queste barre orizzontali. La posizione della tua esperienza locale sulla barra orizzontale indica dove si colloca rispetto alle distribuzioni degli utenti reali. Dovrebbe essere subito evidente quando la tua esperienza locale è molto diversa da quella degli altri utenti. Ad esempio, se hai un'esperienza LCP lenta e solo l'1% degli utenti ha esperienze simili, deve essere successo qualcosa di insolito.

Riferimento ai dati a livello di origine

Screenshot dell'estensione Web Vitals che mostra dati sul campo desktop a livello di origine con
Screenshot dell'estensione Web Vitals che mostra i dati dei campi desktop a livello di origine con "In attesa di input…" per i risultati FID.

Alcune pagine non hanno dati a livello di URL nel set di dati CrUX. Questo può accadere perché la pagina è talmente nuova da non essere ancora stata scelta o ha traffico insufficiente per essere inclusa nel set di dati. In questi casi, l'estensione Web Vitals ricorre ai dati più granulari a livello di origine, se possibile. Questi dati rappresentano le esperienze utente aggregate su tutte le pagine del sito web, pertanto, anche se potrebbero non essere immediatamente pertinenti alla tua esperienza sulla pagina specifica, dovrebbero comunque offrire alcuni approfondimenti su come gli utenti utilizzano il sito nel suo complesso.

Un altro caso comune è visualizzare il messaggio "In attesa di input…". Questo perché FID è l'unico metrica Core Web Vital che richiede l'interazione dell'utente per essere misurata, pertanto l'estensione non avrà dati FID locali da mostrare finché non interagisci con la pagina.

Casi limite

Screenshot dell'estensione Web Vitals che mostra solo i dati locali; i dati sul campo non sono disponibili.
Uno screenshot dell'estensione Web Vitals che mostra solo i dati locali; i dati sul campo non sono disponibili.

Esistono alcuni casi limite meno comuni che si possono verificare durante l'utilizzo dell'estensione.

Può succedere che intere origini abbiano dati insufficienti. In questo caso, l'estensione ti mostrerà solo il rendimento delle tue esperienze locali.

Anche il modo in cui interagisci con la pagina può influire sulla pertinenza dei dati. Ad esempio, il caricamento della pagina in una scheda in background verrà conteggiato nella metrica LCP per tutto il tempo fino a quando non la metti in primo piano. Se sono necessari 90 secondi per passare alla scheda, il valore LCP potrebbe essere 91,5 secondi. In questi casi, accanto al valore LCP viene visualizzata un'icona di avviso per segnalare l'inflazione artificiale. Tieni presente che questi tipi di valori LCP non pertinenti vengono ignorati nel set di dati CrUX.

Un ultimo caso limite da tenere presente è specifico per l'ID cliente. Poiché dipende dalle interazioni degli utenti, è meno probabile che sia disponibile nel set di dati per pagine e siti web con meno visualizzazioni di pagina. Pertanto, se visiti una pagina di questo tipo, potresti visualizzare solo i dati di campo per LCP e CLS. Per completezza, vale la pena notare che lo stesso potrebbe accadere per LCP o CLS in situazioni estremamente rare, ma questo problema è interessato principalmente dalla metrica FID.

Confrontare i dati dei campi provenienti dagli smartphone

Screenshot dell'estensione Web Vitals che mostra le metriche locali rispetto ai dati del campo del telefono.
Screenshot dell'estensione Web Vitals che mostra le metriche locali rispetto ai dati sul campo dello smartphone.

Per impostazione predefinita, tutti i dati dell'estensione Web Vitals corrispondono alle esperienze sul campo degli utenti desktop reali. Dopo tutto, questa estensione è disponibile solo nelle versioni desktop di Chrome, quindi sarebbe più pertinente vedere in che modo gli utenti in condizioni simili visualizzano la pagina o l'origine.

È importante comprendere anche le esperienze degli utenti di telefoni, pertanto l'estensione dispone di un'impostazione avanzata nella pagina Opzioni che ti consente di confrontare la tua esperienza locale con i dati del telefono sul campo.

Per attivare i dati dello smartphone nell'estensione:

  1. Fai clic con il pulsante destro del mouse sull'icona dell'estensione nella barra degli strumenti e seleziona Opzioni.
  2. Seleziona l'opzione Confronta le esperienze locali con i dati sul campo telefonico.

La UI si aggiornerà in alcuni punti per indicare la modalità in cui ti trovi. Tieni presente che le esperienze reali di utenti di telefoni possono essere molto diverse da quelle degli utenti di computer, quindi utilizza questa funzionalità con discrezione.

Scaricare l'estensione Web Vitals

Per iniziare a utilizzare la versione più recente dell'estensione Web Vitals, visita il Chrome Web Store per installarla. Se invece sei già un utente dell'estensione, dovresti eseguire automaticamente l'upgrade alla versione 1.0. Se hai feedback sulla tua esperienza con l'estensione (richieste di funzionalità, segnalazioni di bug o altro), faccelo sapere nel repository open-source su GitHub. Spero che ti aiuti a capire meglio dove si trovano le tue esperienze locali rispetto ad altri utenti reali sul campo.

Foto di: Mark Garlick/Science Photo Library/Getty Images