Web Vitals è un'iniziativa di Google per fornire una guida unificata degli elementi essenziali per creare un'ottima esperienza utente sul web.

Per Segnali web essenziali si intende un insieme di tre metriche di Web Vitals. La ricerca ha mostrato che quando il sito soddisfa i Segnali web essenziali, c'è il 24% in meno di probabilità che le persone abbandonino la pagina.

Segnali web essenziali

• Caricamento in corso…
• Interattività
• Stabilità visiva

La raccolta dei dati è il primo passo per migliorare i Segnali web essenziali.

• PageSpeed Insights fornisce misure e report relativi all'esperienza utente di una pagina su dispositivi mobili e desktop e offre suggerimenti su come migliorare le pagine.
  
  
• Search Console fornisce misure e report relativi a come le pagine soddisfano i Segnali web essenziali, in base all'utilizzo del sito da parte del pubblico.
  
  
• L'estensione di Chrome di Web Vitals fornisce misure e report relativi al rendimento dei Segnali web essenziali in tempo reale per qualsiasi pagina, e rappresenta la soluzione migliore per gli sviluppatori.

💡Best practice: condividi i suggerimenti di uno di questi strumenti con il tuo sviluppatore.

Tempi di caricamento rapidi rassicurano il pubblico dell'utilità della pagina.

• Il 50% delle persone esce da un sito se il caricamento richiede più di 3 secondi
• Il 47% si aspetta che le pagine web vengano caricate in meno di 2 secondi
• Il 52% afferma che il tempo di caricamento gioca un ruolo nella fidelizzazione a un marchio

Il caricamento si misura con la metrica Largest Contentful Paint (LCP), ovvero il tempo necessario per visualizzare l'immagine o il blocco di testo più grande.

Per soddisfare i Segnali web essenziali, il 75% delle tue pagine dovrebbe caricarsi in 2,5 secondi o meno.

💡Best practice

• Attiva il caricamento lento
• Usa video anziché GIF grandi
• Rimuovi il codice inutilizzato

Se il caricamento misura la velocità di visualizzazione dei contenuti del sito, l'interattività indica la reattività del sito quando il pubblico cerca di selezionare un articolo o di eseguire un'altra azione.

L'interattività si misura con la metrica First Input Delay (FID), ovvero il tempo che intercorre tra il momento in cui una persona fa clic su un link o su un pulsante e il momento in cui il sito inizia a elaborare quell'azione.

Per soddisfare i Segnali web essenziali, il 75% delle tue pagine dovrebbe impiegare 0,1 secondi o meno per iniziare a elaborare un clic.

💡Best practice

• Attiva il caricamento lento, che suddivide il codice in attività più piccole
• Carica prima il codice necessario alla pagina
• Riduci il codice che recupera i dati

Ti è mai capitato di iniziare a leggere un articolo e, prima di finire una frase, veder muovere il testo e perdere il filo?

La maggior parte delle volte è un semplice fastidio, ma a volte può causare veri e propri danni.

La stabilità visiva si misura con la metrica Cumulative Layout Shift (CLS), ovvero il maggior numero di spostamenti di contenuti che avvengono contemporaneamente.

Per soddisfare i Segnali web essenziali, il 75% delle tue pagine dovrebbe ottenere un punteggio di 0,1 o meno.

💡Best practice

• Imposta le proporzioni o le dimensioni di immagini e video
• Scegli le dimensioni dell'annuncio più probabili in base agli annunci precedenti

Evita gli annunci che vengono visualizzati nella parte più alta di una pagina