Home Articoli tecnici Come misurare i principali segni vitali del sito
Applications

Come misurare i principali segni vitali del sito

About The Author

Outline

Fonte originale: Layer0

Nell’aprile 2021, Google ha iniziato a implementare l’aggiornamento dell’esperienza di pagina che include una modifica dell’algoritmo di classificazione che favorisce le pagine Web più performanti nei risultati della ricerca. Le prestazioni si basano sui principali parametri vitali del sito Web, una metrica di pagina Web che influisce notevolmente sull’esperienza dell’utente.

Continuate a leggere per capire rapidamente se il vostro sito supera o fallisce i principali parametri vitali Web.

Cosa sono i principali segni vitali Web

Come parte dello sforzo di Google per creare un Web più veloce per tutti, il team di Chrome ha lavorato per standardizzare una serie di metriche per misurare il modo in cui gli utenti sperimentano le prestazioni di una pagina. Core Web Vitals è diventato un elemento importante nella risoluzione di questo puzzle sulle prestazioni; queste metriche si concentrano sul caricamento, l’interattività e la stabilità visiva.

Le seguenti metriche costituiscono i principali parametri vitali del Web:

  • Vernice contenitiva più grande (LCP, Large Contentful Paint): Misura quando l’elemento con contenuto più grande è completamente visibile sullo schermo. LCP di 2,5 secondi o meno sono considerate buone esperienze di caricamento.
  • First input Delay (FID): Misura il tempo che interagisce per la prima volta con una pagina (clic o tocchi) fino al momento in cui il browser è effettivamente in grado di rispondere a tale interazione. FID di 100 millisecondi o meno sono considerati buone esperienze interattive.
  • Spostamento cumulativo del layout (CLS, cumulative Layout Shift): Misura la frequenza con cui gli utenti riscontrano spostamenti imprevisti del layout. CLS’ pari o inferiore a .1 è considerata un’esperienza visivamente stabile.

Per superare i principali parametri vitali del Web, ciascuna delle suddette metriche deve raggiungere l’obiettivo consigliato per il 75% di tutti gli utenti che visitano la tua pagina, suddivisi tra dispositivi mobili e desktop.

Come misurare i principali parametri vitali Web

Quando un sito supera i principali parametri vitali Web, gli utenti hanno il 24% di probabilità in meno di abbandonare le pagine. Detto questo, qualsiasi proprietario di un sito web può e deve misurare queste metriche. Il modo più semplice per verificare se il sito supera i suoi principali parametri vitali Web è tramite PageSpeed Insights.

1. Andare al sito https://developers.google.com/speed/pagespeed/insights

2. Digitare l’URL del sito Web nella casella di ricerca, premere analizza e attendere 5-10 secondi

Analizzatore PageSpeed Insights

3. Scorrere verso il basso fino a dati campo . Immediatamente, nel testo sopra i grafici a barre verrà visualizzato se il sito supera o non supera la valutazione Core Web Vitals.

Dati del campo

4. Per valutare le metriche dei principali parametri vitali Web, prestare attenzione alle misurazioni LCP, FID e CLS, ancora sotto i dati del campo. Il simbolo blu del segnalibro indica anche questi elementi.

LCP (Large Contentful Paint), FID (First input Delay), CLS (Cumulative Layout Shift)

5. Controlla i tuoi punteggi medi. LCP di 2,5 secondi o meno, FID di 100 millisecondi o meno e un CLS di .1 o meno sono considerate esperienze utente ottimali.

Dati metrici medi

6. Per determinare se si supera una singola metrica Core Web Vital, controllare la percentuale nella barra verde. Se è 75% o superiore, si passa. Ciò significa che la tua pagina Web offre una buona esperienza utente per quella particolare metrica almeno il 75% delle volte in cui qualcuno la visita.

Soglia vitale del Web di base: 75o percentile

Ignora dati di laboratorio

Nella pagina PageSpeed Insights sono disponibili dati di laboratorio e di campo. I dati del campo provengono da utenti reali che caricano e interagiscono con la pagina. I dati di laboratorio vengono misurati con un test controllato in condizioni ideali e non rilevano colli di bottiglia reali (ad es. Dispositivo, condizioni di rete, impostazioni, ecc.).

Google non utilizza i dati di laboratorio o il punteggio delle prestazioni di Lighthouse per classificare il tuo sito. La classificazione si basa solo sui dati del campo mostrati nell’immagine seguente.

La classifica si basa sui dati del campo

Come migliorare i principali parametri vitali del Web

È probabile che non si superino i principali parametri vitali Web per diversi motivi. PageSpeed Insights offre audit per LCP e CLS. Sebbene FID non sia incluso, l’ottimizzazione che migliora il tempo di blocco totale (TBT) dovrebbe migliorare anche il FID sul campo.

Per visualizzare la verifica, attenersi alla seguente procedura:

Scorri verso il basso fino alla sezione opportunità della pagina e consulta le verifiche per metriche specifiche.

Opportunità PageSpeed Insights

2. Fare clic sulla metrica che si desidera migliorare per accedere a tecniche più approfondite per migliorare i tempi di caricamento, l’interattività o la stabilità visiva sulla pagina Web.

Verifiche di PageSpeed Insights

In genere, ci sono alcuni motivi comuni per cui un Core Web Vital non riesce.

La vernice principale è facilmente influenzata dai seguenti fattori:

  1. Tempi di risposta del server lenti
  2. JavaScript e CSS che bloccano il rendering
  3. Lunghi tempi di caricamento delle risorse
  4. Problemi di rendering lato client

Il ritardo del primo ingresso è influenzato da:

  1. Operazioni lunghe che bloccano il thread principale per 50 millisecondi o più
  2. L’esecuzione di script di prima parte ritarda la disponibilità dell’interazione
  3. Elevato tempo di esecuzione di JavaScript

L’instabilità visiva, o spostamento cumulativo del layout, è un problema quando:

  1. Un’immagine, un video o un annuncio si ridimensiona automaticamente
  2. Il carattere viene caricato in ritardo e viene visualizzato più grande o più piccolo del previsto

Per soluzioni su come risolvere ciascuno di questi problemi, consultate questo blog Core Web Vitals Optimization.

Preparate il vostro sito per una buona esperienza utente

Entro agosto, Google cambierà completamente la classifica degli aggiornamenti dell’esperienza di pagina. Se il tuo sito supera Core Web Vitals, vedrai un SEO più elevato e tassi di rimbalzo più bassi. Cosa ancora più importante, offrirete un’esperienza eccezionale che soddisfa i vostri utenti abbastanza da rimanere e tornare.

Layer0 ha creato uno strumento gratuito per monitorare, misurare e ottimizzare i vostri principali parametri vitali Web. Il tuo sito non ha bisogno di essere ospitato su Layer0 per trarre vantaggio da queste analisi. È tuo con solo un tag script .

Guide to Iceland, il più grande sito di viaggi islandese, ha fallito tutte e tre le metriche prima di arrivare sulla piattaforma Layer0. La velocità del suo sito è migliorata del 55% e supera i principali parametri vitali del Web a pieni voti.

Se avete domande sull’aggiornamento dell’esperienza della pagina o su come velocizzare il vostro sito, contattate oggi stesso un esperto di velocità del sito. Se sei pronto a provare la piattaforma, iscriviti qui!