Core Web Vitals di Google sono metriche sull'esperienza che misurano il rendimento di un sito e la qualità dell'esperienza utente che offre. Nel giugno 2021, Google ha rilasciato un miglioramento delle metriche relative all'esperienza utente denominate Core Web Vitals, incentrato sulla velocità di caricamento, sull'interattività e sulla stabilità visiva. Questi Core Web Vitals sono: Cumulative Layout Shift (CLS), First Input Delay (FID), Largest Contentful Paint (LCP), Interaction To Next Paint (INP) e Time to First Byte (TTFB
Core Web Vitals sono importanti perché sono un insieme comune di metriche e benchmark utilizzati in molti servizi Google e hanno un impatto diretto sulle classifiche di ricerca. Misurando e ottimizzando il tuo sito per i Core Web Vitals, migliorerai anche l'esperienza utente complessiva del
Per informazioni su Core Web Vitals, vedere il seguente video:
CLS misura la stabilità visiva del contenuto di una pagina contando la somma totale di tutti i punteggi di spostamento del layout individuali per ogni cambiamento di layout imprevisto che si verifica durante l'intera durata della pagina. Una modifica del layout si verifica quando un elemento cambia dalla sua posizione iniziale a causa del caricamento delle risorse in una fase successiva del ciclo di vita di una pagina e del trasferimento dei contenuti sottostanti verso il basso nella pagina. Ad esempio, un utente fa acquisti online e non appena tenta di fare clic sul pulsante Aggiungi al carrello, un annuncio viene caricato sopra il pulsante e lo spinge verso il basso. Questo spostamento del layout fa sì che l'utente faccia clic accidentalmente sull'annuncio anziché sul pulsante Aggiungi al carrello. Un CLS basso può aiutare a garantire agli utenti un'esperienza positiva sul sito e possono realizzare rapidamente ciò che sono venuti
FID misura il ritardo nell'interattività e nella reattività. Si tratta del momento in cui l'utente interagisce con i tuoi contenuti facendo clic su un link, toccando un pulsante o premendo un tasto e quello in cui il browser elabora tale interazione. Il FID conta solo il ritardo, non il tempo necessario per elaborare l'evento o il tempo impiegato dall'interfaccia utente per l'aggiornamento. Un ritardo si verifica in genere perché il browser è occupato a caricare il resto del contenuto della pagina e non è ancora in grado di rispondere all'interazione dell'utente. Un FID breve può aiutare ad aumentare le possibilità che l'utente rimanga sulla pagina e interagisca con i tuoi contenuti. Attualmente, la maggior parte dei siti Web offre buoni risultati nella misurazione del FID
Nota
Lo zoom e lo scorrimento non vengono misurati per il FID.
LCP misura il tempo impiegato dal caricamento dell'elemento visibile più grande della pagina rispetto a quando la pagina ha iniziato a caricarsi. Quando vengono caricati diversi elementi, l'LCP può cambiare. Il browser smette di misurare l'LCP quando l'utente inizia a interagire con la pagina, poiché le interazioni in genere modificano ciò che è visibile all'utente. Una velocità di caricamento elevata può rassicurare l'utente sull'utilità della pagina perché è in grado di iniziare rapidamente a visualizzare i
Elementi che possono essere l'LCP:
-
<img>
-
<image> inside an <svg>
-
<video>
-
Elemento con un'immagine di sfondo caricata utilizzando
url()funzione invece di un gradiente CSS -
Elementi a livello di blocco che contengono nodi di testo o altri elementi di testo a livello in linea secondari
Nota
As Google expands their Core Web Vitals, they have indicated <svg> and <video> might be included as elements used to measure LCP in the future.
INP si riferisce al modo in cui la pagina risponde a specifiche interazioni dell'utente programmate nella metrica INP complessiva misurata dai dati di laboratorio e dai dati sul campo di Google Chrome. L'INP è progettato per fornire una rappresentazione del ritardo complessivo di interazione di una pagina. Lo fa partendo da un campione delle singole interazioni più lunghe che si verificano quando un utente visita la pagina. Ad esempio, se una pagina ha meno di 50 interazioni totali, l'INP prende in considerazione l'interazione con il ritardo peggiore in assoluto. La misurazione dell'INP è una rappresentazione di quanto tempo un utente deve aspettare per interagire con l'intera pagina. Questo è un contrasto diretto con il FID (First Input Delay
L'INP si occupa dei seguenti tipi di interazioni:
-
Qualsiasi clic del mouse su un elemento interattivo.
-
Qualsiasi tocco di un elemento interattivo su qualsiasi dispositivo dotato di touchscreen.
-
La pressione di un tasto su una tastiera fisica o su schermo.
La documentazione web.dev di Google spiega che un buon valore INP è di circa 200 millisecondi o meno.
Nota
L'INP ha sostituito il FID nel marzo 2024. Se ricevi una notifica da Google che segnala che il tuo sito presenta problemi relativi all'INP, consulta il sito per assicurarti che segua le best practice correnti (per informazioni dettagliate sulle best practice Le migliori pratiche di Core Web Vitals).
Il TTFB misura il tempo impiegato dal server per il trasferimento del primo byte.
Il TTFB è stato a lungo sospettato come fattore di significativi miglioramenti delle prestazioni, il che significa che è una priorità che i professionisti SEO dovrebbero ottimizzare come parte del loro processo SEO.
Quando si misurano i Core Web Vitals è possibile utilizzare dati di laboratorio o sul campo. I dati di laboratorio vengono raccolti da strumenti che simulano il caricamento e l'interazione di una pagina. I dati sul campo vengono raccolti dall'interazione reale dell'utente con il tuo sito web. Si consiglia di utilizzare metriche reali come Real User Monitoring (RUM) anziché test di laboratorio in modo da ottimizzare il sito in modo più accurato. Di Google Dati CruX il set può essere utilizzato per misurare il tuo sito Web ed è un'ottima scelta perché è ciò che Google utilizza per misurare i Core Web Vitals.
Sia il CLS che l'LCP possono essere misurati in laboratorio o sul campo. Il FID può essere misurato solo sul campo perché un utente reale deve interagire con il contenuto. Ti consigliamo vivamente di testare ogni pagina del tuo sito web
I seguenti strumenti possono essere utilizzati per misurare i Core Web Vitals:
Strumenti da campo:
-
Rapporto sull'esperienza utente di Chrome (consigliato)
-
PageSpeed Insights (solo se ce n'è abbastanza Dati CruX; se non c'è, questo è uno strumento di laboratorio)
Strumenti da laboratorio:
Nota
Lo strumento WebPage Test di Google non è più uno strumento consigliato dal settore.
Per saperne di più sulle differenze tra Lighthouse e Core Web Vitals, consulta Confronto tra Lighthouse e Core Web Vitals.
Affinché una pagina del tuo sito web sia considerata superata, deve raggiungere tutte le seguenti metriche al 75° percentile:
-
CLS. 0,1 punteggio di spostamento del layout o inferiore
-
FID. 0,1 secondi o meno
-
LCP. 2,5 secondi o meno
Attualmente, solo il 20% dei siti Web supera tutte e tre le metriche. Per sapere come ottimizzare il tuo sito web, consulta Le migliori pratiche di Core Web Vitals.