Core Web Vitals: cosa sono e come migliorarli?

Google ha introdotto un nuovo programma nel 2020, chiamato Web Vitals. Questo si riferisce a una tecnica che offre una guida sui segnali di qualità. Secondo Google, queste metriche sono fondamentali per fornire un'esperienza utente eccellente sul Web. Nel maggio 2021, Google ha iniziato a utilizzare Core Web Vitals come metrica per il ranking di ricerca sulla sua piattaforma.

Cosa sono i Core Web Vital?

I Core Web Vitals sono metriche per misurare l'esperienza dell'utente su un sito. Misurano la velocità con cui gli utenti possono interagire con un sito Web e quali risultati ottengono in base alla loro ricerca. I Core Web Vitals funzionano come segnali che valutano quanto sia facile e senza interruzioni per i visitatori del sito navigare attraverso un sito.

Quando migliori il tuo sito e l'esperienza utente, l'esperienza della tua pagina otterrà un punteggio più alto utilizzando le metriche di Core Web Vitals. Google identifica tre metriche di Core Web Vitals che i proprietari dei siti devono conoscere e incorporare. Questi sono elencati di seguito:

Caricamento: noto anche come Largest Contentful Paint (LCP), il caricamento misura la velocità con cui gli elementi più grandi vengono caricati e visualizzati su un sito. Questi elementi includono animazioni, video, testo, immagini e altro.

Interattività: Google chiama questo spostamento cumulativo del layout (CLS) e garantisce che le pagine di un sito Web non abbiano funzionalità impreviste o movimenti confusi che potrebbero distrarre o disturbare gli utenti durante la fruizione dei contenuti del sito.

Stabilità visiva: tecnicamente denominata First Input Delay (FID) e riflette il livello di reattività delle pagine di un sito quando i visitatori del sito interagiscono per la prima volta con esse. FID misura anche la velocità con cui un browser può generare risultati per gli utenti del tuo sito.

Come migliorare i vitali web principali sul tuo sito web

La prima cosa da fare è eseguire una rapida analisi delle prestazioni del sito Web per vedere come si comporta il tuo sito Web nelle metriche di base del web vitals. Puoi utilizzare diversi strumenti per questa analisi, inclusi Google Search Console e Page Speed ​​Insights, tra gli altri. Dopo aver eseguito l'analisi, potresti scoprire che devi implementare alcuni dei seguenti suggerimenti per migliorare il tuo sito.

• Ridurre l'esecuzione di JavaScript

Una valutazione FID scarsa significa che la pagina del tuo sito Web interagisce con i visitatori per oltre 300 millisecondi. Quando riduci e ottimizzi l'esecuzione di JavaScript, riduce il lasso di tempo tra l'esecuzione dei codici JavaScript del browser. Il risultato di ciò è una riduzione dei tempi di esecuzione. Google consiglia di posticipare JavaScript non utilizzato per ridurre l'esecuzione. Per sapere se sul tuo sito sono presenti JS inutilizzati, procedi nel seguente modo:

• Vai al tuo sito e fai clic con il pulsante destro del mouse su qualsiasi lato, quindi seleziona "Ispeziona"

• Fare clic sulla scheda "Sorgenti" e controllare i tre punti in basso. Aggiungi uno strumento "Copertura" e fai clic sulla funzione di caricamento. Attendi il completamento del caricamento e puoi vedere il volume di JS inutilizzato sulla tua pagina.

Con questa conoscenza, puoi iniziare a ridurre l'esecuzione di JS. Un modo per ridurre l'esecuzione consiste nell'usare la suddivisione del codice. Come funziona? Rompi il bundle JavaScript in bit più piccoli. I JS in bundle sono file combinati che vengono raggruppati per evitare troppe richieste HTTP necessarie per caricare una pagina web.

Comprimi e ottimizza le immagini

Per molti siti Web, le immagini sono gli elementi più grandi delle loro pagine. Per assicurarti che il tuo sito web superi le metriche di caricamento, dovresti prendere in considerazione l'ottimizzazione delle immagini sul tuo sito. Con questo, la tua pagina web diventa più leggera e la velocità di caricamento aumenterà notevolmente.

Una pagina più leggera migliorerà anche l'esperienza utente, il punteggio LCP e le classifiche sui risultati dei motori di ricerca. Per ridurre le dimensioni della pagina, comprimi le immagini utilizzando uno strumento come Tiny JPG. La riduzione delle dimensioni complessive della tua pagina non influirà sulla risoluzione e sulla qualità, ma migliorerà i risultati LCP del tuo sito.

Ti consigliamo di utilizzare il formato PNG per la grafica e JPG per le immagini orizzontali. Oltre a comprimere le immagini, puoi anche attivare CDN (Content Delivery Network) per le immagini del tuo sito.

Content Delivery Network è un gruppo di server in tutto il mondo che archivia contenuti dal Web. Questi server sono distribuiti in diverse posizioni; le immagini possono essere inviate dal server più vicino all'utente in modo più rapido.

Implementare il caricamento lento

L'implementazione del caricamento lento è molto cruciale quando si visualizzano le immagini sul tuo sito. Quando si utilizza questa tecnica, il punteggio dei dati vitali web principali e l'esperienza utente sul sito non verranno influenzati negativamente. Allora, cos'è il caricamento lento? Il caricamento lento consente al tuo sito di caricare immagini nello stesso momento in cui un utente scorre la pagina verso il basso. Ciò garantisce che la velocità di caricamento del tuo sito non venga compromessa e che tu possa ottenere un livello di punteggio LCP massimo. Ci sono molti vantaggi associati al caricamento lento. Loro includono:

• Miglioramento delle prestazioni del sito

• Limitazione dell'utilizzo della larghezza di banda

• SEO migliorato sul sito

• Conserva i visitatori del sito e minimizza la frequenza di rimbalzo

Se gestisci un sito Web con pagine che contengono molti video, animazioni, immagini e altri elementi pesanti, è importante utilizzare il caricamento lento. Dopo aver implementato questo suggerimento, puoi confrontare il tuo punteggio LCP precedente con quello nuovo ottenuto dopo aver implementato il caricamento lento.

Utilizzare dimensioni appropriate per incorporamenti e immagini

Il punteggio CLS superiore a 0,1 è considerato scarso. I principali colpevoli di un punteggio così basso sono elementi pesanti, come incorporamenti, annunci e immagini senza dimensione. Per migliorare il punteggio CLS del tuo sito, presta attenzione alle dimensioni. Quando utilizzi larghezza e altezza precise per immagini e incorporamenti, diventa più facile per il browser allocare il giusto volume di spazio nella pagina durante il processo di caricamento. Assicurati di impostare le dimensioni corrette per le immagini e gli incorporamenti quando inserisci i video di YouTube nel tuo sito web. Ecco come ridimensionare i video di YouTube da visualizzare sul tuo sito.

• Vai su YouTube e apri il video che desideri incorporare nel tuo sito.

• Cerca il pulsante di condivisione e seleziona <> opzione Incorpora.

• Vedrai tutti i dettagli sul video, inclusa la dimensione. Copia il codice e incollalo nel backend del tuo sito. Questo lo modificherà alla larghezza e all'altezza corrette per adattarsi correttamente al tuo sito.

Pensieri finali

Questi sono i migliori suggerimenti che puoi utilizzare per migliorare i principali elementi vitali web sul tuo sito web. In questo post, abbiamo esaminato le basi dei principali dati vitali del web e i suggerimenti che puoi utilizzare per migliorare i tuoi punteggi. Punteggi migliorati significano che le tue classifiche aumenteranno nei risultati di ricerca e ci sarà una frequenza significativa nella frequenza di rimbalzo sul tuo sito.