Core Web Vitals

Nota: questa funzione non è inclusa nella tua configurazione di Smoobu. Le informazioni riportate di seguito sono fornite solo a titolo di riferimento; se ti serve, contatta il supporto di Smoobu.

I Core Web Vitals di Google sono metriche di esperienza che misurano il rendimento di un sito e la qualità dell'esperienza che offre agli utenti. Google li ha presentati a giugno 2021 come un miglioramento delle sue metriche di esperienza utente, incentrate 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).

Sono importanti perché formano un insieme comune di metriche e valori di riferimento usati in molti servizi di Google e che incidono direttamente sul posizionamento nelle ricerche. Misurando e ottimizzando il tuo sito per i Core Web Vitals, migliori anche l'esperienza complessiva di chi lo visita.

I Core Vitals

CLS

Il CLS misura la stabilità visiva dei contenuti di una pagina. Per farlo somma i punteggi di tutti gli spostamenti imprevisti del layout che si verificano durante l'intera vita della pagina. Uno spostamento del layout avviene quando un elemento si muove dalla sua posizione iniziale perché altre risorse si caricano più tardi e spingono verso il basso il contenuto sottostante. Immagina che qualcuno stia facendo acquisti online e, proprio mentre sta per fare clic sul pulsante «Aggiungi al carrello», un annuncio si carichi sopra il pulsante e lo sposti verso il basso. A causa di questo salto, la persona fa clic sull'annuncio per sbaglio invece che sul pulsante. Un CLS basso aiuta chi visita il tuo sito ad avere una buona esperienza e a fare in fretta ciò che era venuto a fare.

FID

Il FID misura il ritardo nell'interattività e nella reattività. È il tempo che passa da quando qualcuno interagisce con il tuo contenuto (facendo clic su un link, toccando un pulsante o premendo un tasto) a quando il browser elabora quell'interazione. Il FID conta solo questo ritardo, non il tempo di elaborazione dell'evento né quello di aggiornamento dell'interfaccia. Il ritardo si verifica di solito perché il browser è impegnato a caricare il resto del contenuto della pagina e non riesce ancora a rispondere. Un FID basso aumenta le probabilità che la persona resti sulla pagina e interagisca con il tuo contenuto. Oggi la maggior parte dei siti ottiene buoni risultati di FID.

Nota: lo zoom e lo scorrimento non vengono conteggiati per il FID.

LCP

L'LCP misura quanto tempo impiega a caricarsi l'elemento visibile più grande della pagina, rispetto al momento in cui la pagina ha iniziato a caricarsi. Man mano che si caricano elementi diversi, l'LCP può cambiare. Il browser smette di misurarlo non appena la persona inizia a interagire con la pagina, perché le interazioni di solito cambiano ciò che si vede sullo schermo. Un caricamento rapido trasmette a chi visita la pagina che è utile, perché può iniziare subito a vedere il contenuto.

Gli elementi che possono essere l'LCP:

• <img>
• <image> all'interno di un <svg>
• <video>
• Un elemento con un'immagine di sfondo caricata tramite la funzione url() invece di un gradiente CSS
• Elementi a livello di blocco che contengono nodi di testo o altri elementi di testo inline

Nota: man mano che Google amplia i suoi Core Web Vitals, ha indicato che in futuro potrebbe includere <svg> e <video> tra gli elementi usati per misurare l'LCP.

INP

L'INP riguarda il modo in cui la pagina risponde a determinate interazioni che rientrano nella metrica complessiva di INP, misurata con i dati di laboratorio e sul campo di Google Chrome. L'INP vuole rappresentare il ritardo di interazione complessivo di una pagina. Per farlo parte da un campione delle interazioni più lunghe che si verificano quando qualcuno visita la pagina. Ad esempio, se una pagina ha meno di 50 interazioni in totale, l'INP tiene conto dell'interazione con il ritardo peggiore. La misurazione dell'INP rappresenta quanto una persona deve aspettare per poter interagire con l'intera pagina. In questo si contrappone direttamente al FID (First Input Delay).

L'INP tiene conto dei seguenti tipi di interazione:

• Qualsiasi clic del mouse su un elemento interattivo.
• Qualsiasi tocco su un elemento interattivo su un 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 di INP si aggira sui 200 millisecondi o meno.

Nota: l'INP ha sostituito il FID a marzo 2024. Se ricevi da Google un avviso di problemi di INP sul tuo sito, controllalo e assicurati che segua le best practice attuali (per informazioni dettagliate sulle best practice, consulta «Core Web Vitals Best Practices»).

TTFB

Il TTFB misura quanto tempo impiega il server a trasferire il primo byte.

Da tempo si ritiene che il TTFB influisca molto sul rendimento, perciò i professionisti SEO dovrebbero dare priorità alla sua ottimizzazione nell'ambito del loro lavoro di SEO.

Come valutare i Core Web Vitals

Per misurare i Core Web Vitals puoi usare dati di laboratorio o dati sul campo. I dati di laboratorio provengono da strumenti che simulano il caricamento e l'interazione di una pagina. I dati sul campo provengono dalle interazioni di utenti reali con il tuo sito. È preferibile usare metriche del mondo reale, come il Real User Monitoring (RUM), invece dei test di laboratorio, perché così ottimizzi il tuo sito con più precisione. Il set di dati CRuX di Google serve a misurare il tuo sito ed è un'ottima scelta, perché è lo stesso che Google usa per misurare i Core Web Vitals.

Sia il CLS sia l'LCP si possono misurare in laboratorio o sul campo. Il FID si può misurare solo sul campo, perché serve che una persona reale interagisca con il contenuto. Ti consigliamo vivamente di testare tutte le pagine del tuo sito.

Puoi usare questi strumenti per misurare i Core Web Vitals:

Strumenti sul campo:

• Chrome User Experience Report (consigliato)
• PageSpeed Insights (solo se ci sono abbastanza dati CRuX; in caso contrario, funziona come strumento di laboratorio)
• Search Console (report Core Web Vitals)
• Libreria JavaScript Web-vitals

Strumenti di laboratorio:

• Chrome DevTools / Lighthouse
• PageSpeed Insights

Nota: lo strumento WebPage Test di Google non è più consigliato nel settore. Per conoscere meglio le differenze tra Lighthouse e i Core Web Vitals, consulta «Confronto tra Lighthouse e Core Web Vitals».

Punteggi ideali

Perché una pagina del tuo sito sia considerata idonea, deve raggiungere tutte queste metriche al 75° percentile:

• CLS: un punteggio di spostamento del layout di 0.1 o meno
• FID: 0.1 secondi o meno
• LCP: 2.5 secondi o meno

Al momento, solo il 20% dei siti supera tutte e tre le metriche. Per imparare a ottimizzare il tuo sito, consulta «Core Web Vitals Best Practices».