Google annuncia l'iniziativa Web Vitals per fornire una guida unificata agli sviluppatori sulle prestazioni dei siti Web utilizzando tre metriche principali.
Al Chrome Developer Summit dello scorso anno, Google ha annunciato nuovi strumenti per sviluppatori di Chrome per ridurre il tempo di caricamento della pagina e creare un'esperienza nativa simile a un'app. All'epoca, la società discusse anche un'iniziativa per fornire agli sviluppatori un insieme unificato di parametri da misurare durante la creazione di siti Web tenendo conto dell'esperienza utente e delle prestazioni. Facendo seguito all'idea iniziale, Google ha ora annunciato l'iniziativa Web Vitals che mira a fornire "una guida unificata per segnali di qualità essenziali per offrire un'ottima esperienza utente sul web".
Nel corso degli anni, Google ha offerto diversi strumenti per aiutare gli sviluppatori di siti web a misurare e segnalare le prestazioni del sito web. Questi includono cose come Faro, Strumenti di sviluppo di Chrome
, PageSpeed Insights e il rapporto sulla velocità di Search Console. Ma Google nota che mentre alcuni sviluppatori sono abbastanza abili nell’usare questi strumenti, altri hanno trovato un po’ difficile tenere il passo con la varietà di strumenti e metriche. Con la nuova iniziativa, l’azienda mira a semplificare il panorama in modo che gli sviluppatori possano concentrarsi sulle metriche che contano di più, chiamate Core Web Vitals.I Core Web Vitals sono un sottoinsieme di tutti i Web Vitals che si applicano a tutte le pagine web, dovrebbero essere misurati da tutti i proprietari di siti web e verranno visualizzati in tutti gli strumenti di Google. Attualmente, questi Core Web Vitals si concentrano su tre aspetti dell'esperienza utente – caricamento, interattività e stabilità visiva – e includono le seguenti metriche (e le rispettive soglie):
- Pittura con contenuto più grande (LCP): misura le prestazioni di caricamento. Per fornire una buona esperienza utente, LCP dovrebbe verificarsi entro 2,5 secondi dal primo avvio del caricamento della pagina.
- Primo ritardo di ingresso (FID): misura l'interattività. Per offrire una buona esperienza utente, le pagine devono avere un FID inferiore a 100 millisecondi.
- Spostamento cumulativo del layout (CLS): misura la stabilità visiva. Per fornire una buona esperienza utente, le pagine devono mantenere un CLS inferiore a 0,1
Per aiutare gli sviluppatori a misurare e segnalare questi Core Web Vitals, Google si impegna a far emergere queste metriche nei suoi strumenti. Il grafico seguente descrive in dettaglio quali strumenti supportano i Core Web Vitals:
Gli sviluppatori saranno inoltre in grado di misurare ciascun Core Web Vital in JavaScript utilizzando API Web standard e generare report su ciascun Core Web Vital senza scrivere alcun codice, utilizzando il metodo Estensione Web Vitals per Chrome. L'estensione utilizza la libreria web-vitals per misurare queste metriche e mostrarle agli utenti mentre navigano sul web. L'estensione può anche essere utile per comprendere le prestazioni dei tuoi siti Web, dei siti Web della concorrenza e del Web in generale. In alternativa, gli sviluppatori che preferiscono misurare queste metriche utilizzando le API Web sottostanti possono fare riferimento alle guide alle metriche sul sito Web collegato di seguito per i dettagli sull'implementazione.
Insieme ai Core Web Vitals, Google parla anche di altri Web Vitals che fungeranno da proxy o metriche supplementari per i Core Vitals. Questi includono metriche come Time to First Byte (TTFB), First Contentful Paint (FCP), Total Blocking Time (TBT) e Time a Interactive (TTI) che può aiutare gli sviluppatori a catturare una parte più ampia dell'esperienza o aiutare nella diagnosi di problemi specifici problemi.
Vale la pena notare che questi Web Vitals e Core Web Vitals si evolveranno nel tempo e gli sviluppatori dovrebbero aspettarsi futuri miglioramenti o aggiunte all'elenco. Tuttavia, poiché i Core Web Vitals sono rilevanti per tutte le pagine web e presenti in diversi strumenti Google, eventuali modifiche a queste metriche non ne altereranno la definizione e le soglie. Agli sviluppatori verrà inoltre fornito un preavviso per eventuali modifiche imminenti e un modello annuale prevedibile. Dato che gli altri Web Vital sono specifici del contesto o degli strumenti, le loro definizioni e soglie possono cambiare con maggiore frequenza senza preavviso. Qualsiasi modifica apportata a tutti i Web Vitals sarà documentata in questo registro delle modifiche pubblico.
Fonte: web.dev