I Web Vitals di Google sono metriche di esperienza che misurano le prestazioni di un sito e la qualità dell'esperienza utente che offre. A giugno 2021, Google ha in programma di rilasciare un miglioramento alle sue metriche di esperienza utente, denominato Core Web Vitals, incentrato su velocità di caricamento, interattività e stabilità visiva. I 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).
I Core Web Vitals sono importanti perché rappresentano un insieme comune di metriche e parametri di riferimento utilizzati da molti servizi Google e hanno un impatto diretto sul posizionamento nei risultati di ricerca. Misurando e ottimizzando il tuo sito in base ai Core Web Vitals, migliorerà anche l'esperienza utente complessiva.
CLS
Il CLS (Content Layout Shift) misura la stabilità visiva del contenuto di una pagina calcolando la somma totale di tutti i punteggi di spostamento del layout per ogni spostamento imprevisto che si verifica durante l'intero ciclo di vita della pagina. Uno spostamento del layout si verifica quando un elemento cambia posizione rispetto alla sua posizione iniziale a causa del caricamento di risorse in una fase successiva del ciclo di vita della pagina, che spingono verso il basso il contenuto sottostante. Ad esempio, un utente sta facendo acquisti online e, proprio mentre tenta di cliccare 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 clicchi accidentalmente sull'annuncio anziché sul pulsante "Aggiungi al carrello". Un CLS basso può contribuire a garantire agli utenti un'esperienza positiva sul sito e consentire loro di raggiungere rapidamente l'obiettivo prefissato.
FID
Il FID (First Input Delay) misura il ritardo di interattività e reattività. Si tratta del tempo che intercorre tra l'interazione dell'utente con i contenuti, ad esempio cliccando su un link, toccando un pulsante o premendo un tasto, e il momento in cui il browser elabora tale interazione. Il FID considera solo il ritardo, non il tempo necessario per elaborare l'evento o per aggiornare l'interfaccia utente. Un ritardo si verifica in genere perché il browser è impegnato a caricare il resto del contenuto della pagina e non è ancora in grado di rispondere all'interazione dell'utente. Un FID breve può contribuire ad aumentare la probabilità che l'utente rimanga sulla pagina e interagisca con i contenuti. Attualmente, la maggior parte dei siti web ottiene buoni risultati nella misurazione del FID.
Nota:
Le funzioni di zoom e scorrimento non vengono misurate ai fini della rilevazione del First Input Delay (FID).
LCP
LCP misura il tempo necessario al caricamento dell'elemento più grande visibile sulla pagina rispetto al momento in cui la pagina ha iniziato a caricarsi. Man mano che vengono caricati i diversi elementi, l'LCP può variare. Il browser interrompe la misurazione dell'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, poiché consente di iniziare a visualizzare rapidamente i contenuti.
Elementi che possono costituire l'LCP:
- <img>
- <immagine> all'interno di un <svg>
- <video>
- Elemento con un'immagine di sfondo caricata utilizzando la funzione url() anziché una sfumatura CSS.
- Elementi a livello di blocco che contengono nodi di testo o altri elementi di testo a livello di linea figli
Nota:
Nell'ambito dell'espansione dei Core Web Vitals, Google ha indicato che in futuro i tag <svg> e <video> potrebbero essere inclusi tra gli elementi utilizzati per misurare l'LCP (Largest Contentful Paint).
INP
INP si riferisce al modo in cui una pagina risponde a specifiche interazioni dell'utente, programmate nella metrica INP complessiva misurata dai dati di laboratorio e sul campo di Google Chrome. INP è progettato per fornire una rappresentazione del ritardo di interazione complessiva di una pagina. Lo fa prendendo in considerazione un campione delle interazioni singole più lunghe che si verificano quando un utente visita la pagina. Ad esempio, se una pagina ha meno di 50 interazioni totali, INP prende in considerazione l'interazione che presenta il ritardo in assoluto peggiore. La misurazione di INP rappresenta quanto tempo un utente deve attendere per interagire con l'intera pagina. Questo è in netto contrasto con FID (First Input Delay).
INP si occupa dei seguenti tipi di interazione:
- Qualsiasi clic del mouse su un elemento interattivo.
- Qualsiasi tocco su un elemento interattivo su qualsiasi dispositivo dotato di touchscreen.
- La pressione di un tasto su una tastiera fisica o virtuale.
La documentazione web.dev di Google spiega che un buon valore INP si aggira intorno ai 200 millisecondi o meno.
Nota:
- A partire da marzo 2024, INP sostituirà FID. Il punteggio INP non avrà alcun impatto su CWV fino a marzo 2024. Tuttavia, in preparazione a questa transizione, Google ha iniziato a informare i proprietari dei siti quando vengono rilevati problemi con INP.
- Prima dell'annuncio di Google, Guesty Websites aveva già iniziato a occuparsi di questo parametro. Di conseguenza, molti siti ottengono già un buon punteggio su INP, ma continuiamo a ottimizzarlo.
- Continuiamo ad approfondire la conoscenza di INP e a identificare le migliori pratiche ottimali sia per le operazioni di back-end che per i creatori di siti. Vi terremo aggiornati sulle migliori pratiche da adottare non appena avremo maggiori informazioni. Nel frattempo, se ricevete una notifica da Google che segnala problemi con INP sul vostro sito, vi preghiamo di rivedere il sito per assicurarvi che segua le migliori pratiche attuali (per informazioni dettagliate sulle migliori pratiche, consultate Ottimizza il tuo sito per i Core Web Vitals).
- State tranquilli, Guesty sta lavorando attivamente all'ottimizzazione di questo punteggio e siamo fiduciosi di essere pronti per il lancio ufficiale a marzo 2024. Se avete dubbi sul vostro punteggio INP prima di tale data, vi consigliamo di consultare un esperto SEO per ulteriore assistenza.
TTFB
Il TTFB misura il tempo necessario affinché il primo byte venga trasferito dal server.
Da tempo si sospetta che il TTFB sia un fattore determinante per significativi miglioramenti delle prestazioni, il che significa che è una priorità per i professionisti SEO ottimizzarlo come parte integrante del loro processo SEO.
Come misurare i parametri vitali del web (Core Web Vitals)
Per misurare i Core Web Vitals, è possibile utilizzare dati di laboratorio o dati sul campo. I dati di laboratorio vengono raccolti tramite strumenti che simulano il caricamento e l'interazione con una pagina. I dati sul campo, invece, vengono raccolti dall'interazione reale degli utenti con il sito web. Si consiglia di utilizzare metriche basate su dati reali, come il Real User Monitoring (RUM), anziché test di laboratorio, per ottimizzare il sito nel modo più preciso. Il set di dati CRuX di Google può essere utilizzato per misurare le prestazioni del sito web ed è un'ottima scelta, poiché è lo stesso utilizzato da Google per misurare i Core Web Vitals.
Sia CLS che 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. Consigliamo vivamente di testare ogni pagina del vostro sito web.
Per misurare i parametri vitali del sito web (Core Web Vitals) è possibile utilizzare i seguenti strumenti:
Strumenti da campo
- (Consigliato) Rapporto sull'esperienza utente di Chrome
- PageSpeed Insights
- Search Console (report Core Web Vitals)
- Libreria JavaScript Web-vitals
Strumenti da laboratorio
Nota:
Lo strumento di test delle pagine web di Google non è più raccomandato dal settore.
Per saperne di più sulle differenze tra Lighthouse e Core Web Vitals, consulta il confronto tra Lighthouse e Core Web Vitals.
Punteggi ideali
Affinché una pagina del tuo sito web sia considerata idonea, deve raggiungere tutti i seguenti parametri al 75° percentile:
- CLS. Punteggio di spostamento del layout pari o inferiore a 0,1
- FID. 0,1 secondi o meno
- LCP. 2,5 secondi o meno
Attualmente, solo il 20% dei siti web soddisfa tutti e tre i parametri. Per scoprire come ottimizzare il tuo sito web, consulta la sezione Ottimizza il tuo sito per i Core Web Vitals.