Cosa sono i Core Web Vitals ? Conoscerli e capirli

 

Cosa sono i Core Web Vital?

I Core Web Vitals sono un insieme di metriche standardizzate di Google che aiutano gli sviluppatori a capire come gli utenti sperimentano una pagina web. Sebbene Core Web Vitals sia stato creato per gli sviluppatori, questi strumenti possono essere utilizzati da tutti i proprietari di siti perché scompongono l’esperienza dell’utente nel mondo reale su una pagina.

I Core Web Vitals identificano i problemi relativi all’esperienza utente(UX) generando una metrica per tre aree principali dell’esperienza utente, tra cui:

• Prestazioni di caricamento della pagina
• Facilità di interazione
• Stabilità visiva di una pagina dal punto di vista dell’utente

Ciascuna di queste metriche fornisce la propria prospettiva su diversi elementi che influiscono sul modo in cui gli utenti interagiscono e navigano su un sito web.

Sebbene gli sviluppatori debbano pensare all'”esperienza utente” da una prospettiva olistica, queste metriche indipendenti aiutano a scomporre le diverse variabili in parti più piccole in modo che i proprietari dei siti possano identificare e risolvere i problemi tecnici nel loro sito web in modi distinti.

È importante ricordare che queste metriche non raccontano l’intera storia dell’esperienza utente su un sito Web, ma ciascuna metrica può essere aggregata per aiutare gli sviluppatori a risolvere i problemi di posizionamento Google in modo efficiente e metodico.

Diamo ora un’occhiata alle tre metriche principali incluse nei Core Web Vitals per migliorare i tuoi siti web oggi!

1. L’elemento più grande di Contenuto (LCP)

Cos’è il Largest Contentful Paint?

Il Largest Contentful Paint è la metrica Core Web Vitals che i proprietari di siti possono utilizzare per valutare l’esperienza dell’utente di una pagina in base al tempo di rendering dei blocchi di contenuto più grandi visibili al pubblico.

I proprietari di siti web hanno bisogno che le pagine del loro sito si carichino velocemente per creare un’esperienza utente piacevole. Non solo il tempo di caricamento è un fattore critico per un’esperienza utente positiva, ma è più probabile che una pagina che si carica rapidamente si posizioni più in alto su Google.

Inoltre, è stato dimostrato che i tempi di caricamento rapidi hanno un impatto sui tassi di coinvolgimento e conversione rispetto a una pagina con tempi di caricamento lenti.

Leggi anche : Come Google calcola i core web vitals

Cosa misura LCP?

LCP misura il tempo impiegato dai diversi blocchi di contenuto per caricare all’interno del viewport dell’utente (schermata da cui naviga). Questa metrica indica solo la velocità con cui le sezioni di contenuto vengono visualizzate sullo schermo visibile e non viene considerato nulla del contenuto below the fold.

• Immagini
• Immagini Slider
• Immagini di sfondo
• Testo a livello di un blocco

Il proprietario di sito web dovrebbero puntare a un LCP che si chiuda entro 2,5 secondi dall’inizio del caricamento di una pagina.

Per maggiori informazioni leggi:

LCP come migliorare i tempi del core web vital più importante

2. Cumulative Layout Shift o Spostamento cumulativo del layout (CLS)

I proprietari di siti devono rendere il più semplice possibile interagire con link e pulsanti di un sito per aumentare le vendite e le conversioni. Lo spostamento cumulativo del layout è una metrica che identifica i collegamenti o i pulsanti che si spostano dopo il caricamento di una pagina Web e riflette il livello di difficoltà che gli utenti incontreranno quando tenteranno d’interagire con gli elementi del tuo sito dopo il rendering di una pagina.

Hai presente quando NON  vuoi comprare qualcosa e hai davanti 2 pulsanti che improvvisamente si spostano proprio mentre ne vorresti cliccare uno, clicchi quello che fa l’opzione opposta?

L’esperienza utente e il design sono componenti vitali di una buona esperienza utente e un utente si sentirà frustrato se una pagina Web sposta gli elementi mentre ci sta leggendo.

Il CLS aiuta gli sviluppatori a determinare se le immagini o i collegamenti si spostano sulla pagina in modo che i proprietari dei siti possano migliorare l’usabilità, aumentare le percentuali di clic e migliorare le vendite online.

Cosa misura il CLS?

CLS misura se gli elementi nella finestra visibile si spostano dalla loro posizione iniziale tra due fotogrammi renderizzati. In parole povere, questa metrica aiuta i proprietari di siti a capire se contenuti come testo, pulsanti e banner vengono spostati mentre un utente sta leggendo i contenuti su una determinata pagina.

Gli elementi che cambiano posizione possono confondere gli utenti e ostacolare la loro esperienza su una pagina, quindi è importante assicurarsi che tutti i contenuti rimangano al loro posto dopo il caricamento di una pagina sul dispositivo dell’utente. CLS esamina le metriche principali per determinare la stabilità visiva di una pagina dal punto di vista dell’utente considerando diversi fattori:

• Spostamento di layout
• Frazione di impatto
• Frazione di distanza

I proprietari dei siti devono mantenere un CLS di 0,1 o inferiore.

3.(FID) First Input Delay

I consumatori online vogliono pagine che siano scattanti e facili da scansionare. Il primo ritardo di input misura la latenza di input (il tempo impiegato da un elemento della pagina per rispondere all’input di un utente) per identificare le pagine che potrebbero causare frustrazione al pubblico.

I siti Web moderni utilizzano una serie di tecnologie avanzate e widget di contenuti dinamici per offrire contenuti al proprio pubblico. Sebbene questo tipo di contenuto possa migliorare la consegna del contenuto, questi miglioramenti possono causare tempi di ritardo che richiedono all’utente di attendere che il proprio browser agisca in base al proprio input.

Gli sviluppatori devono ridurre il tempo che gli utenti trascorrono in attesa che un browser risponda al loro input per migliorare il coinvolgimento e l’usabilità nel sito.

Cosa misura il FID?

Il FID misura la reattività di una pagina durante il caricamento di input di elementi da un utente. Ciò significa che FID registra solo eventi come clic e pressioni di tasti.

I proprietari dei siti dovrebbero mirare a fornire una buona esperienza utente con un FID inferiore a 100 millisecondi.

Va notato che il FID è difficile da misurare perché questi dati possono solo essere misurati sul campo. Ciò significa che il tuo punteggio dipenderà da variabili al di fuori del tuo controllo, come la capacità del dispositivo degli utenti e la velocità di Internet sperimentata dal tuo pubblico.

Altre metriche di prestazione

Come abbiamo discusso, i Core Web Vitals offrono una serie d’informazioni che gli sviluppatori possono utilizzare per migliorare i loro siti Web per l’esperienza dell’utente. Insieme alle principali metriche sopra elencate, gli sviluppatori possono anche capire in che modo il loro codice influisce sul modo in cui gli utenti consumano i contenuti sul loro sito.

Sebbene non siano considerate parte delle metriche dell’esperienza utente, queste metriche quantificano i tempi di ritardo o altri fattori tecnici che possono influire negativamente sul modo in cui un pubblico online interagisce con una pagina Web, quindi diamo una rapida occhiata ad alcune altre metriche che puoi utilizzare per comprendere l’esperienza i visitatori hanno sul tuo sito.

1. First Contentful Paint (FCP)

First Contentful Paint (FCP) misura quanto tempo impiega il browser di un utente per eseguire il rendering di elementi DOM (immagini, elementi <canvas> non bianchi e SVG). Questa metrica identifica le risorse che bloccano il rendering e viene misurata in secondi, con un intervallo di punteggi FCP:

0–2 secondi: verde (veloce)

2–4 secondi: arancione (moderato)

4+ secondi: rosso (lento)

2. Speed Index

I siti Web più agili offrono esperienze online avanzate e Speed ​​Index (SI) ti mostra il tempo medio impiegato dai contenuti del tuo sito per essere visualizzati a un utente. Questa metrica identificherà JavaScript in eccesso su una pagina e viene misurata in millisecondi, con un intervallo di punteggi come:

• 0–4,3 secondi: verde (veloce)
• 4,4–5,8 secondi: arancione (moderato)
• 5,8+ secondi: rosso (lento)

3. Time to Interactive (TTI)

Time to Interactive (TTI) è la quantità di tempo necessaria affinché il contenuto di una pagina diventi funzionante affinché sia ​​completamente interattivo. TTI ti aiuta a identificare le pagine con codice JavaScript non necessario e viene misurato in secondi, con una gamma di punteggi come:

• 0–3,8 secondi: verde (veloce)
• 3,9–7,3 secondi: arancione (moderato)
• 7,3+ secondi: rosso (lento)

4. Total Blocking Time

Il Total Blocking time (TBT) aiuta i proprietari di siti a valutare per quanto tempo una pagina Web risponde all’input specifico dell’utente. Questa metrica identificherà le pagine con JavaScript non necessario e viene misurata in millisecondi con un intervallo di punteggi come:

• 0–300 ms: verde (veloce)
• 300–600 ms: arancione (moderato)
• 600+ ms: rosso (lento)

5. Page Performance Scores

Un punteggio di rendimento della pagina è una singola metrica che considera tutte le metriche importanti dell’esperienza utente nei Core Web Vitals. Questo punteggio utilizza un sistema di punteggio aggregato per tutte le visite da dispositivi mobili e desktop.

Ci vuole la media ponderata per fornire un singolo punteggio per comprendere rapidamente le pagine che necessitano di un esame più approfondito.

Sebbene queste metriche siano semplificate nella metrica Punteggio prestazioni pagina, gli sviluppatori possono fare riferimento ai punteggi in ciascuna categoria in base al punteggio specifico di 90 (buono), 50–90 (necessita di miglioramenti) e inferiore a 50 (scarso).

In questo post, hai imparato cosa sono i Web Core Vitals. A volte, può essere opprimente comprendere tutto il gergo tecnico e applicarlo perfettamente.

Fortunatamente, un provider hosting veloce come il Nostro Nitro Cloud e un plug-in di grandi prestazioni come WP Rocket possono aiutarti a ottenere ottimi punteggi e velocità  fin da subito.

A proposito se ancora non hai le idee chiare su cosa sia un Hosting leggi la nostra pagina “Cos’è un Hosting“.

Se vuoi ricevere una nostra consulenza immediata per la velocità del tuo sito, Contattaci Subito!