L'estensione Web Vitals ora mostra dove si trovano le tue esperienze locali in relazione a quelle reali degli utenti sul campo.
I Segnali web essenziali sono le metriche più importanti da misurare per comprendere le esperienze degli utenti. Infatti, quando gli utenti hanno un'esperienza positiva, succedono cose buone. L'estensione Web Vitals per Chrome è uno strumento del strumento Web Vitals che mostra i dati sul rendimento delle pagine che visiti durante la navigazione sul web.
Le prestazioni della pagina dipendono da molti fattori, tra cui la qualità dell'hardware e della rete. L'esperienza di 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 degli utenti reali ricavati dal report UX di Chrome (CrUX) con le misurazioni dei Segnali web essenziali locali. Questa funzionalità mostra le tue misurazioni locali in base all'esperienza di altri utenti sulle stesse pagine. Ha una nuova interfaccia utente e non vedo l'ora di mostrarti come funziona.
Dati dei campi da CrUX
CrUX è un set di dati pubblico di esperienze utente reali in Chrome. È alla base di alcuni degli strumenti fondamentali nel flusso di lavoro di Segnali web essenziali come Search Console e PageSpeed Insights. Puoi anche interrogare pubblicamente i dati non elaborati di milioni di siti web nel set di dati CrUX su BigQuery e nell'API CrUX. Questo aggiornamento dell'estensione Web Vitals integra i dati desktop a livello di pagina e di origine dall'API CrUX.
I dati relativi all'esperienza utente sono suddivisi in tre valutazioni qualitative: buona, da migliorare e scadente. Le soglie utilizzate per ogni classificazione sono documentate nelle guide relative a ciascuna delle metriche di Segnali web essenziali: LCP, FID e CLS. Ad esempio, l'API CrUX può indicare che il 16% delle esperienze utente reali su una determinata pagina viene valutato come un LCP buono in meno di 2,5 secondi.
Nuova interfaccia utente dell'estensione
![Screenshot dell'estensione Web Vitals che mostra una spiegazione di come l'esperienza LCP locale sia correlata ai dati desktop di utenti reali sul campo.](https://web.developers.google.cn/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-51820f8a5926b.png?authuser=5&hl=it)
Nella nuova interfaccia dell'estensione Segnali web, la tua esperienza locale si sovrappone a una più ampia distribuzione di esperienze utente reali. È come quando ti trovi in un'ampia area come un centro commerciale e c'è una grande mappa con tutti i negozi e un segnaposto con l'etichetta "TU SEI QUI" per orientarti e trovare la tua destinazione.
Le distribuzioni dei dati relativi agli utenti reali provenienti da CrUX sono disposte su una barra orizzontale per ogni metrica. Le tue esperienze locali vengono visualizzate come singoli punti sulle barre orizzontali. La posizione dell'esperienza locale sulla barra orizzontale indica dove si trova l'esperienza rispetto alle distribuzioni degli utenti reali. In questo modo sarà immediatamente evidente quando la tua esperienza locale è molto diversa da quella degli altri utenti. Ad esempio, se l'esperienza LCP è lenta e solo l'1% degli utenti ha esperienze simili, deve essersi verificato qualcosa di insolito.
Ritorno ai dati a livello di origine
![Screenshot dell'estensione Web Vitals che mostra i dati dei campi desktop a livello di origine con](https://web.developers.google.cn/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-0b4109da12477.png?authuser=5&hl=it)
Alcune pagine non contengono dati a livello di URL nel set di dati CrUX. Questo può accadere perché la pagina è così nuova da non essere ancora stata selezionata o perché non ha traffico sufficiente per essere inclusa nel set di dati. In casi come questi, l'estensione Web Vitals utilizza, se possibile, dati a livello di origine più granulari. Questi dati rappresentano le esperienze utente aggregate su tutte le pagine del sito web. Pertanto, sebbene possano non essere immediatamente pertinenti alla tua specifica esperienza sulle pagine, dovrebbero comunque offrire alcune informazioni sull'esperienza utente sul sito nel suo complesso.
Un altro caso comune è la visualizzazione del messaggio "In attesa di input...". Questo perché FID è l'unico Segnale web essenziale che richiede la misurazione dell'interazione dell'utente, di conseguenza 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 dati locali; i dati dei campi non sono disponibili.](https://web.developers.google.cn/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-5f733479effd8.png?authuser=5&hl=it)
Esistono alcuni casi limite meno comuni in cui potresti incorrere durante l'utilizzo dell'estensione.
Può succedere che intere origini dispongano di dati insufficienti. In questo caso, l'estensione 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 viene conteggiato nella metrica LCP per tutto il tempo fino a quando non imposti la pagina in primo piano. Se impieghi 90 secondi per passare alla scheda, l'LCP potrebbe apparire come 91,5 secondi. In questi casi, accanto al valore LCP viene visualizzata una piccola icona di avviso per avvisarti dell'inflazione artificiale. Tieni presente che questi tipi di valori LCP irrilevanti vengono ignorati nel set di dati CrUX.
Un ultimo caso limite da conoscere è specifico per FID. Poiché dipende dalle interazioni degli utenti, è meno probabile che sia disponibile nel set di dati per le pagine e i siti web con meno visualizzazioni di pagina. Pertanto, se visiti una pagina del genere, potresti vedere solo i dati dei campi per LCP e CLS. Vale la pena notare per la completezza che lo stesso può verificarsi per LCP o CLS in situazioni estremamente rare, ma questo problema è prevalentemente interessato dal FID.
Confronto dei dati sul campo di altri telefoni
![Screenshot dell'estensione Web Vitals che mostra le metriche locali rispetto ai dati dei campi relativi al telefono.](https://web.developers.google.cn/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-76cccedb1613d.png?authuser=5&hl=it)
Per impostazione predefinita, tutti i dati nell'estensione Web Vitals corrispondono alle esperienze degli utenti desktop reali sul campo. Dopotutto, questa estensione è disponibile solo nelle versioni desktop di Chrome, quindi sarebbe più pertinente capire come gli utenti in condizioni simili sperimentano la pagina o l'origine.
È importante anche comprendere le esperienze degli utenti dei 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 del telefono nell'estensione, procedi nel seguente modo:
- Fai clic con il pulsante destro del mouse sull'icona dell'estensione nella barra degli strumenti e seleziona Opzioni.
- Seleziona l'opzione Confronta le esperienze locali con i dati dei campi telefonici.
La UI verrà aggiornata in alcune posizioni per indicare la modalità in cui ti trovi. Tieni presente che le esperienze degli utenti reali di telefoni possono essere molto diverse da quelle degli utenti di computer, quindi usa questa funzionalità con discrezione.
Scarica l'estensione Web Vitals
Per iniziare a utilizzare la versione più recente dell'estensione Web Vitals, visita il Chrome Web Store e installala. Se invece sei un utente esistente dell'estensione, dovresti eseguire automaticamente l'upgrade alla versione 1.0. Per qualsiasi feedback sulla tua esperienza con l'estensione (richieste di funzionalità, segnalazioni di bug, qualsiasi cosa), faccelo sapere nel repository open source su GitHub. Spero che ti aiuti a capire meglio dove si trovano le tue esperienze locali in relazione ad altri utenti reali del campo.
Immagine di: Mark Garlick/science Photo Library/Getty Images