Quattro modi per migliorare la velocità della pagina e padroneggiare i Core Web Vitals

Google ha appena aggiornato il suo algoritmo di ricerca, rendendolo l'occasione perfetta per aumentare il posizionamento delle pagine del tuo sito con questi suggerimenti di Core Web Vitals.

L'ultimo importante aggiornamento di Google al suo algoritmo di ricerca si concentra molto sull'esperienza dell'utente attraverso una nuova serie di metriche dei fattori di ranking, chiamate Core Web Vitals. I primi risultati degli audit di Core Web Vital rivelano che il sito Web medio ha prestazioni al di sotto di questi nuovi standard. La ricerca di Searchmetrics ha rivelato che, in media, i siti potrebbero ridurre il tempo di caricamento delle pagine di quasi un secondo rimuovendo JavaScript inutilizzato.

Ciò offre un'incredibile opportunità per superare gli altri siti Web aumentando il posizionamento delle tue pagine.

Ecco tutto ciò che devi sapere sui Core Web Vitals più quattro semplici passaggi per migliorare le tue metriche.

Contenuti creati in collaborazione con Searchmetrics.

Quali sono le metriche di Core Web Vitals?

I Core Web Vitals sono un'estensione dei segnali di esperienza della pagina di Google che includono la compatibilità con i dispositivi mobili e HTTPs. Le tre metriche Core Web Vitals misurano le prestazioni di caricamento, l'interattività e la stabilità visiva, che secondo Google forniscono una rappresentazione accurata di un'esperienza utente del mondo reale.

1. Largest Contentful Paint (LCP) misura il tempo di caricamento dell'immagine più grande o del blocco di testo visibile all'interno del punto di vista dell'utente.
2. First Input Delay (FID) misura l'interattività sulla pagina calcolando il tempo da quando un utente interagisce per la prima volta con il sito al momento in cui il browser risponde a tale interazione.
3. Cumulative Layout Shift (CLS) si riferisce a quanto cambia il contenuto durante il rendering della pagina.

Come controllare le informazioni sulla velocità della tua pagina

Esistono molti strumenti online che controllano il punteggio di ranking della tua pagina, inclusi PageSpeed ​​Insights, Chrome User Experience Report, Lighthouse Audit e Search Console. Questi siti misurano la velocità della pagina in vari elementi e visualizzano i risultati utilizzando un sistema a semaforo. PageSpeed ​​Insights fornisce una ripartizione dei risultati e mette in evidenza le aree di miglioramento.

Cosa significa in termini di numeri una prestazione "buona"?

Per fornire un buona esperienza utente, LCP dovrebbe verificarsi entro 2,5 secondi dal primo avvio del caricamento della pagina. Le pagine devono avere un FID inferiore a 100 millisecondi e mantenere un CLS inferiore a 0,1.

I siti Web, come Wikipedia, hanno il punteggio di velocità della pagina più alto grazie a un approccio leggero al web design, che utilizza principalmente testo e immagini ottimizzate. I siti Web che fanno molto affidamento su contenuti video e immagini sono più lenti da caricare e creano un'esperienza utente scadente. Pertanto, c'è un equilibrio da trovare tra design ed esperienza dell'utente.

Guarda dove si posiziona il tuo sito. Visitare Approfondimenti sulla velocità della pagina e inserisci il tuo URL. Nota: il numero più alto è il tuo punteggio Lighthouse, noto anche come punteggio PageSpeed, che misura da zero a 100. Sebbene sia un buon benchmark generale per le prestazioni del tuo sito. Non è interamente correlato alle tre metriche di Core Web Vitals, che dovrebbero essere viste come un'analisi di LCP, FID e CLS.

Come migliorare la velocità della tua pagina

Il passaggio è considerato ottenere un punteggio "buono" in tutte e tre le aree. Apportare piccole modifiche può migliorare il punteggio di velocità della pagina di appena un secondo, il che può spostare il sito da un punteggio "scarso" o "necessita di miglioramenti" in LCP a uno "buono". La riduzione del tempo di caricamento renderà gli utenti più felici e aumenterà il traffico verso il sito.

Tom Wells, esperto di marketing creativo di Searchmetrics, afferma:

"Tutto ciò che non è necessario su un sito Web non dovrebbe essere lì."

In parole povere, identificare e rimuovere elementi che non vengono utilizzati o che hanno uno scopo sostanziale potrebbe migliorare il punteggio di velocità della pagina del sito.

1. Immagini di grandi dimensioni

Le immagini scarsamente ottimizzate sono una delle cause principali che influiscono sul punteggio LCP di un sito poiché di solito è l'elemento più grande da caricare. Le aziende di e-commerce e quelle che fanno molto affidamento sulle immagini potrebbero avere punteggi LCP più bassi a causa del rendering della pagina di più immagini ad alta risoluzione.

L'ottimizzazione di queste risorse utilizzando il design reattivo o la formattazione delle immagini di nuova generazione come WebP, JPEG 2000 e JPEG XR può migliorare il punteggio riducendo i tempi di rendering. Spesso, le immagini possono essere condensate a una dimensione molto più piccola senza influire sulla qualità dell'immagine. Risorse gratuite come Squoosh possono farlo per te.

2. Contenuti e annunci dinamici

Il caricamento di annunci su una pagina Web è una delle cause principali di un punteggio CLS negativo. Ciò può dipendere dagli elementi sulla pagina che si spostano per ospitare annunci dinamici, il che rende l'esperienza utente scadente.

L'utilizzo di un metodo di implementazione intelligente come l'allocazione di attributi di dimensione o caselle di proporzioni CSS per tutti gli annunci, i video e gli elementi di immagine è un modo per ridurre lo spostamento dei contenuti. Alcune aziende possono utilizzare un plug-in o un codice nella parte superiore del sito Web per inserire gli annunci. Tuttavia, ciò potrebbe portare a un sito Web più lento, con un impatto negativo sull'esperienza dell'utente e influenzando indirettamente le classifiche.

Inoltre, non inserire mai il contenuto sopra il contenuto esistente, se non in risposta a specifiche interazioni dell'utente in quanto ciò garantisce qualsiasi cambiamento di layout che si verifica. Ad esempio, quando si fa clic su un pulsante CTA e viene visualizzato un modulo è un'eccezione.

3. Economia web incentrata sui plug-in

I plugin possono agire come "un gesso sulle crepe" per risolvere i problemi del sito web, afferma Wells. Nonostante la creazione di una correzione temporanea, può rallentare e ostacolare le prestazioni Web poiché tutto il codice deve essere caricato prima che l'utente sia in grado di interagire completamente con la pagina Web.

L'uso dei plug-in può aumentare il numero di richieste del server e aumentare il tempo di esecuzione di javascript. Tutti questi fattori possono abbassare il punteggio FID del sito.

"Spesso cerchiamo soluzioni e soluzioni avanzate, ma a volte è semplice come eliminare ciò che non è necessario", afferma Wells.

Pertanto, la rimozione di alcuni plugin, soprattutto quelli non utilizzati, può migliorare la reattività e la velocità del sito web.

4. Troppo codice

Google consiglia di concentrarsi sulle prestazioni complessive del sito web.

"È fondamentale che i siti Web reattivi e con un punteggio elevato siano il più leggeri possibile", afferma Wells.

"Più cose deve caricare un server, più lento sarà il tempo di caricamento nel complesso."

Sebbene CSS e JavaScript inutilizzati potrebbero non influire direttamente sul punteggio di velocità della pagina, possono comunque influire sui tempi di caricamento del sito, creare un codice gonfio e avere un impatto negativo sull'esperienza dell'utente.

Quando dovrei iniziare?

Il lancio del nuovo algoritmo da parte di Google è iniziato a metà giugno, quindi vale la pena iniziare a rivedere il punteggio del tuo sito nei test di velocità delle pagine. I siti Web che si classificano bene tendono ad avere punteggi Core Web Vitals più elevati e questa tendenza è destinata a continuare poiché Google pone maggiore enfasi sull'esperienza dell'utente.
___
di Aoife Morgan
fonte: SearchEngineWatch