Google Core Web Vitals: tutto ciò che devi sapere

Google ha sempre apprezzato le esigenze dei suoi utenti. Hanno sempre lavorato per una migliore esperienza utente, dal riempimento delle parole chiave all'introduzione della velocità di caricamento del sito Web, da una considerazione al ranking fino al ranking mobile-first. Un altro passo in questo approccio è Core Web Vitals.

Quali sono i principali Web Vital?

Google utilizza una combinazione di metriche significative per classificare le pagine e Core Web Vitals è uno. Analizzano l'usabilità del sito, la velocità di caricamento, la stabilità visiva e la pertinenza delle informazioni. Quando gli utenti effettuano ricerche su Internet, tutti i Google Core Web Vitals si sforzano di garantire che l'utente riceva i risultati migliori e più pertinenti.

Le metriche di Web Vitals sono divise in due parti: Core Web Vitals e non Core Web Vitals.

I principali Web Vital sono:

• La più grande vernice contenta (LCP)
• Ritardo primo ingresso (FID)
• Spostamento cumulativo del layout (CLS)

E i Web Vital non principali sono:

• Tempo di blocco totale (TBT)
• Primo Contentful Paint (FCP)
• Indice di velocità (SI)
• Time to Interactive (TTI)

Ma, prima di esaminare tutti i Web Vital, parliamo del perché sono così importanti.

Perché i Core Web Vital sono importanti?

L'importanza di Core Web Vitals è che riflettono le prestazioni del tuo sito Web per gli utenti. Riguarda la velocità di caricamento di un sito Web e la velocità con cui i visitatori possono connettersi.

Secondo una ricerca recente, un ritardo di 1 secondo nel tempo di caricamento della pagina può comportare un calo del 7% nelle conversioni, un calo dell'11% nelle visite alle pagine e un calo del 16% nella soddisfazione del cliente.

Di conseguenza, è fondamentale accelerare e migliorare le prestazioni del tuo sito web. D'altra parte, la maggior parte dei metodi di misurazione delle prestazioni non ha considerato la qualità dell'esperienza dell'utente.

Le conversioni, le visualizzazioni di pagina e la soddisfazione dei clienti risentono di un sito Web più veloce con un'esperienza utente negativa. Il miglioramento di Web Vitals di base può aiutarti a risolvere questo problema.

Nelle classifiche SEO, anche l'esperienza dell'utente è un fattore significativo. Google ha precedentemente affermato che a partire da maggio 2021, l'esperienza della pagina sarà uno dei fattori di ranking nell'aggiornamento dell'algoritmo di ricerca.

I tre componenti dei principali Web Vitals di Google

Ora, diamo un'occhiata a ciascuno dei tre componenti di Google Core Web Vitals:

Pittura con contenuto grande (LCP)

Il più grande Contentful Paint è una metrica web vitals di base che misura il tempo necessario per caricare una pagina. Calcola il tempo necessario per eseguire il rendering dell'elemento di contenuto più grande all'interno dell'area visibile di un utente. Non misura l'intera pagina.

Che cos'è un punteggio LCP buono?

Secondo Google, il tuo sito dovrebbe avere un LCP di 2,5 secondi o meno per offrire la migliore esperienza utente.

LCP è classificato su una scala da "buono" a "scarso", proprio come le altre metriche di Core Web Vitals:

• Buono: qualsiasi LCP inferiore a 2,5 secondi è considerato buono.
• Ha bisogno di miglioramenti: i punteggi compresi tra 2,5 e 4,0 secondi devono essere migliorati.
• Scarso: LCP oltre 4,0 secondi è scarso e, di conseguenza, i tuoi utenti hanno un'esperienza terribile quando visitano il tuo sito web.

Perché è importante la pittura con contenuto più grande (LCP)?

Questo elemento dovrebbe essere la prima cosa che una persona vede quando visita una pagina. LCP ha un impatto drammatico sull'esperienza dell'utente poiché un buon punteggio farà pensare all'utente che il sito si carichi più velocemente, ma un punteggio negativo lo renderà frustrato. È stato inoltre stabilito che questo punteggio influenzerà le classifiche SEO in futuro.

Cosa potrebbe causare un punteggio LCP scadente?

Di seguito sono riportati i motivi del punteggio LCP negativo:

• Tempo di risposta lento.
• CSS di blocco del rendering.
• JavaScript per il blocco del rendering.
• Rendering lato client.
• File CSS e JS non ottimizzati e non puliti.
• Caratteri non visibili durante il caricamento della pagina.
• Immagini non ottimizzate.
• Ordine di caricamento delle risorse non ottimizzato.

Come migliorare il tuo punteggio LCP?

Di seguito sono riportati i modi per migliorare il punteggio LCP:

• Rimuovere eventuali script di terze parti non necessari.
• Riduci al minimo il tuo CSS.
• Imposta il caricamento lento delle immagini.
• Passa a un host web più veloce.
• Installa una CDN.
• Risorse della cache.
• Rimuovi gli elementi della pagina di grandi dimensioni che richiedono più tempo per essere caricati.
• Segui i consigli di Google per il tuo URL specifico.

Ritardo primo ingresso (FID)

Il primo ritardo di input è il tempo che intercorre tra il momento in cui un utente interagisce per la prima volta con un sito Web (ad esempio, facendo clic su un collegamento, toccando un pulsante o utilizzando un controllo personalizzato basato su JavaScript) e quando il browser può iniziare a elaborare i gestori di eventi in risposta a quella interazione.

Che cos'è un buon punteggio FID?

Un tempo di reazione di 100 ms o meno è percepito come istantaneo dagli utenti. Ciò indica che un'agenzia di SEO tecnica dovrebbe provare per un ritardo di primo input inferiore a 0,1 secondi per tutte le pagine web.

FID è classificato su una scala da "buono" a "scarso", proprio come le altre metriche di Core Web Vitals:

• Buono: qualsiasi FID inferiore a 100 ms è considerato buono.
• Ha bisogno di miglioramenti: i punteggi compresi tra 100 e 300 ms devono essere migliorati.
• Scarso: il FID superiore a 300 ms è scarso.

Perché è importante il First Input Delay (FID)?

Se un utente cerca di interagire con un sito Web e non risponde tempestivamente, probabilmente si sentirà insoddisfatto. È fondamentale ridurre il fastidio per migliorare l'esperienza del sito web. In un aggiornamento dell'algoritmo SEO dell'esperienza di pagina futura, questa misura influenzerà direttamente il ranking SEO.

Cosa potrebbe causare uno scarso punteggio FID?

Le cause più comuni di una scarsa FID sono:

• Attività lunghe in cui un browser deve mettere in pausa.
• Esecuzione Javascript lunga.
• Pacchetti Javascript pesanti.
• Javascript che blocca il rendering.

Come migliorare il tuo punteggio FID?

Di seguito sono riportati i modi comuni per migliorare il punteggio FID:

• Ottimizza l'ordine di caricamento delle risorse.
• Ottimizza il tempo di esecuzione di Javascript.
• Riduci la quantità di Javascript di terze parti.
• Rinvia le risorse Javascript non critiche per l'esecuzione.
• Migliora il tempo di risposta del server.
• Riduci il numero e le dimensioni delle richieste di asset.
• Usa il rendering lato server insieme alla cache lato server.
• Dividi il codice e usa CSS critici per la sezione above-the-fold della pagina web.
• Riduci al minimo il lavoro di elaborazione del thread principale del browser.
• Utilizzare Web-worker insieme a Service-worker.

Spostamento cumulativo del layout (CLS)

Lo spostamento cumulativo del layout si riferisce al movimento improvviso dei componenti della pagina Web mentre la pagina è ancora in fase di download. Caratteri, immagini, video, moduli di contatto, pulsanti e altri tipi di contenuto sono esempi di elementi che inducono il cambiamento.

Dovresti mantenere CLS al minimo perché lo spostamento delle pagine potrebbe portare a un'esperienza utente negativa.

Che cos'è un buon punteggio CLS?

I punteggi CLS iniziano da 0 per le pagine Web totalmente statiche e crescono man mano che il layout della pagina cambia.

Il tuo layout è più stabile se hai un punteggio più basso. Gli strumenti per le prestazioni di Google utilizzano i seguenti punteggi CLS ufficiali:

• Buono: qualsiasi CLS inferiore a 0,1 è considerato buono.
• Ha bisogno di miglioramenti: i punteggi compresi tra 0,1 e 0,25 devono essere migliorati.
• Scarso: CLS superiore a 0,25 è scarso.

Perché è importante lo spostamento del layout cumulativo (CLS)?

Quando il contenuto si sposta in modo imprevisto, è una delle esperienze più frustranti per gli utenti finali. Ciò potrebbe portare un utente a perdere la concentrazione su dove si trova nel processore per fare clic o premere sull'oggetto sbagliato. È molto frustrante e dannoso per l'esperienza dell'utente, spingendo Google a considerarlo un fattore di ranking.

Cosa potrebbe causare uno scarso punteggio CLS?

Secondo Google, i seguenti sono i motivi per cui si verifica lo spostamento cumulativo del layout:

• Immagini senza dimensioni.
• Contenuti inseriti dinamicamente.
• I caratteri Web causano FOIT/FOUT.
• Annunci, incorporamenti e iframe senza dimensioni.
• Prima di modificare il DOM, le azioni attendono una risposta di rete.

Come migliorare il tuo punteggio CLS?

Di seguito sono riportati i modi per migliorare il punteggio CLS:

• Evita i popup o i banner che causano lo spostamento del layout dello schermo al primo caricamento del sito.
• Imposta le dimensioni degli attributi di dimensione per qualsiasi supporto (immagini, GIF, ecc.), in modo che il browser dell'utente capisca quanto spazio occuperà e non modifichi le dimensioni in modo imprevisto.
• Inserisci tutti gli annunci negli spazi riservati, in modo che non vengano visualizzati all'improvviso, causando lo spostamento dei contenuti.
• Segui i consigli di Google per il tuo URL specifico (vedi come misurare i Core Web Vitals di seguito).

Altri Web Vitali

Mentre i Core Web Vitals stanno diventando segnali di ranking, non dovrebbero essere trascurati ulteriori elementi vitali web. Prendersi cura di queste metriche equivale a prendersi cura dell'esperienza utente.

Altri Web Vitali:

Tempo di blocco totale (TBT)

Il tempo di blocco totale (TBT) è il periodo di tempo durante il quale le attività lunghe (tutte le attività che eseguono più di 50 ms) bloccano il thread principale e riducono l'usabilità della pagina. Mostra quanto è statica una pagina prima che diventi completamente interattiva.

Che cos'è un buon punteggio TBT?

In un dispositivo medio e una connessione di rete, un tempo di blocco totale decente è inferiore a 300 millisecondi. Lighthouse calcola il tempo di blocco totale sommando l'impatto di blocco totale delle attività lunghe e confrontandolo con il punteggio TBT dei primi 10.000 siti Web. Questa misurazione include 404 pagine e risorse.

Soglie di classificazione Total Blocking Time:

• Buono: qualsiasi TBT inferiore a 300 ms è considerato buono.
• Ha bisogno di miglioramenti: i punteggi compresi tra 300 e 600 ms devono essere migliorati.
• Scarso: il TBT superiore a 600 ms è scarso.

Cosa potrebbe causare uno scarso punteggio TBT?

Di seguito sono riportati i motivi dello scarso punteggio TBT:

• Un codice JavaScript disordinato e JS inutilizzato.
• Un tempo di esecuzione JS elevato.
• Un lavoro di filo principale alto.
• Uso massiccio di un codice di terze parti.

Come migliorare il tuo punteggio TBT?

Di seguito sono riportati i modi per migliorare il punteggio TBT:

• Minimizza CSS e JS.
• Riduci i tempi di esecuzione di Javascript.
• Rimuovere Javascript inutilizzato.
• Riduci l'impatto del codice di terze parti.
• Elimina le risorse che bloccano il rendering.
• Abilita la compressione del testo.
• Riduci al minimo il lavoro del thread principale.

Primo Contentful Paint (FCP)

Quando un sito Web inizia a caricare, il primo contenuto mostrato sullo schermo viene misurato come First Contentful Paint (FCP).

È una statistica incentrata sull'utente poiché rivela come un utente visualizza le prestazioni di un sito Web (non come lo valutano gli strumenti di test della velocità). FCP dovrebbe essere il più basso possibile. Un rapido FCP dice all'utente che sta succedendo qualcosa.

Qual è un buon punteggio FCP?

Secondo la documentazione di Google sul calcolo delle valutazioni delle metriche, valutano i tempi FCP in tre categorie: buono, da migliorare e scarso, e descrivono come ottengono il punteggio percentile utilizzato dal loro strumento Lighthouse.

• Buono: qualsiasi FCP compreso tra 0 e 1,8 è considerato buono.
• Ha bisogno di miglioramenti: i punteggi compresi tra 1,8 e 3 devono essere migliorati.
• Scarso: FCP sopra 3s è scarso.

Cosa potrebbe causare uno scarso punteggio FCP?

Le ragioni del basso punteggio FCP sono le seguenti:

• Script di blocco del rendering e fogli di stile esterni.
• File JavaScript.
• Risorse testuali di grandi dimensioni.

Come migliorare il tuo punteggio FCP?

Di seguito sono riportati alcuni suggerimenti per aumentare il punteggio FCP:

• Elimina gli script e i fogli di stile che bloccano il rendering.
• Rimuovere CSS e JavaScript inutilizzati.
• Il reindirizzamento di più pagine dovrebbe essere evitato.
• Evita una dimensione DOM eccessiva.
• Evita di mostrare testo invisibile.
• Riduci il conteggio delle risorse e le dimensioni dei trasferimenti.

Indice di velocità (SI)

L'indice di velocità (SI) è una statistica delle prestazioni di caricamento della pagina che indica la velocità con cui i contenuti di una pagina sono visibili. È il tempo medio necessario per caricare le sezioni visibili della pagina. Più basso è il punteggio, espresso in millisecondi e dipende dalle dimensioni del viewport, meglio è.

Che cos'è un buon punteggio SI?

Secondo Lighthouse, un punteggio di indice di velocità decente deve essere inferiore a 4,3 secondi. Tra 4,4 e 5,8 secondi è il punteggio medio dell'indice di velocità. Un indice di velocità superiore a 5,8 secondi è considerato scarso. Lighthouse ha calcolato tutti i dati in questa pagina utilizzando gli standard di archivio HTTP. I criteri del punteggio dell'indice di velocità buono, medio e cattivo per Lighthouse cambieranno se i dati dell'archivio HTTP cambiano.

• Buono: SI meno di 4,3 secondi considerato buono.
• Ha bisogno di miglioramenti: qualsiasi punteggio compreso tra 4,4 e 5,8 deve essere migliorato.
• Scarso: il punteggio superiore a 5,8 è scarso.

Cosa potrebbe causare uno scarso punteggio SI?

Di seguito sono riportati alcuni dei motivi per un punteggio SI basso:

• Codice JavaScript e JS inutilizzato.
• JavaScript Tempo di esecuzione.
• Lavoro del filo principale.
• Codice di terze parti.

Come migliorare il tuo punteggio SI?

Ecco alcuni suggerimenti per aumentare il punteggio SI:

• Rimuovi JS inutilizzato.
• Riduci il tempo di esecuzione di JavaScript.
• Elimina le risorse che bloccano il rendering.
• Riduci l'impatto del codice di terze parti.
• Riduci al minimo il lavoro sul filo principale.
• Precarica richieste di chiavi.
• Evita di concatenare richieste critiche.
• Mantieni i conteggi delle richieste bassi e trasferisci le dimensioni ridotte.
• Riduci TTFB e tempi di risposta del server.
• Assicurati di utilizzare le immagini nei file da caricare nel formato corretto.

Time To Interactive (TTI)

TTI è una statistica delle prestazioni che valuta la reattività del caricamento di una pagina e aiuta ad analizzare le situazioni in cui un sito Web sembra interattivo ma non lo è.

TTI identifica se la pagina è pronta in modo affidabile per l'interazione dell'utente dopo il First Contentful Paint (FCP).

Che cos'è un buon punteggio TTI?

Per fornire un'esperienza utente decente, dovresti sempre puntare a un Time to Interactive inferiore a 3,8 secondi. Il tuo punteggio TTI si basa sul confronto del tempo TTI della tua pagina con i tempi TTI di siti di alto livello, visualizzati su dispositivi mobili o desktop.

Ecco come Lighthouse interpreta il punteggio TTI:

• Buono: TTI inferiore a 3,8 secondi considerato buono.
• Ha bisogno di miglioramenti: qualsiasi punteggio compreso tra 3,9 e 7,3 deve essere migliorato.
• Scarso: il punteggio superiore a 7,3 è scarso.

Cosa potrebbe causare uno scarso punteggio TTI?

Alcune delle cause di uno scarso punteggio TTI sono le seguenti:

• JavaScript Tempo di esecuzione.
• Codice JavaScript e JS inutilizzato.
• Codice di terze parti.
• Lavoro del filo principale.

Come migliorare il tuo punteggio TTI?

Ecco alcuni modi per aiutarti a migliorare il tuo punteggio TTI:

• Minimizza i file JavaScript.
• Riduci i tempi di esecuzione di JavaScript con un minor numero di plugin.
• Ottimizza immagini e video.
• Riduci l'impatto del codice di terze parti.
• Riduci al minimo il lavoro del thread principale.
• Mantieni il numero di richieste del server basso e le dimensioni di trasferimento ridotte.
• Precarica richieste di chiavi.

Come misurare i vitali web principali?

Google ha reso facile per i SEO e i proprietari di siti Web tenere traccia dei Core Web Vitals utilizzando vari strumenti.

I Core Web Vitals sono stati rilasciati solo poche settimane fa e all'epoca potevano essere valutati solo utilizzando il rapporto Chrome UX.

Con la notizia che Core Web Vitals sarebbe stato incluso nell'algoritmo di ranking di Google, l'azienda sta migliorando molti dei suoi strumenti esistenti con capacità di misurazione.

I Google Core Web Vitals possono ora essere misurati utilizzando:

Google PageSpeed ​​Insights

Quando si tratta di misurare e valutare i Core Web Vitals, Google PageSpeed ​​Insights (PSI) è uno degli strumenti SEO essenziali. PSI utilizza Lighthouse e Chrome UX Report per fornire dati sia dal laboratorio che dal campo su dispositivi mobili e desktop. PageSpeed ​​Insights fornisce consigli dettagliati su come migliorare la velocità del sito oltre a fornire una panoramica dei dati sul campo da utenti del mondo reale (CrUX).

Console di ricerca di Google

Google Search Console può aiutarti a esaminare e scoprire raggruppamenti di pagine che potrebbero dover essere migliorati o corretti. GSC si basa sui dati del report Chrome UX, che si basa su ricerche sul campo nel mondo reale. Gli URL sono classificati in base al tipo di metrica e allo stato (scarso, da migliorare, buono). Il rapporto GSC Core Web Vitals ti mostrerà il rendimento di tutte (o la maggior parte) delle tue pagine web in termini di Core Web Vitals.

Faro di Google

Google Lighthouse è lo strumento più popolare per testare il tuo sito web in un ambiente di laboratorio. Ti consente di controllare e valutare il tuo sito Web in quattro aree: prestazioni, accessibilità, migliori pratiche e SEO. Lighthouse tiene traccia di LCP, CLS, TTI e TBT, tra gli altri parametri dell'esperienza utente di laboratorio. Lo strumento ti fornirà consigli dettagliati sul miglioramento del tuo sito, in modo simile a PSI (basato principalmente su Lighthouse). Assicurati di controllare il calcolatore del punteggio di Lighthouse quando stai testando il tuo sito con Lighthouse.

Strumenti di sviluppo di Chrome

Chrome DevTools è uno strumento per sviluppatori preinstallato con il browser Chrome. Per accedervi, fai clic con il pulsante destro del mouse e seleziona "Ispeziona" e verrà visualizzato Chrome DevTools. È possibile esaminare alcuni degli indicatori di Core Web Vitals utilizzando il pannello Performance di Chome DevTools. Tieni d'occhio Web Vitals. La parte sull'esperienza ti aiuterà nell'analisi delle regolazioni del layout.

Rapporto sull'esperienza utente di Chrome

Chrome UX Report è un set di dati pubblico che fornisce dati sull'esperienza utente del mondo reale da milioni di siti web. Non è uno strumento in sé e per sé. I dati del rapporto sull'esperienza utente di Chrome provengono dagli utenti di Chrome che hanno aderito; quindi, monitora i dati sul campo per tutti gli indicatori Core Web Vitals. Se sei uno sviluppatore, puoi utilizzare l'API CrUX per misurare le versioni sul campo di Core Web Vitals nella tua app.

GTmetrix

GTmetrix è un altro importante strumento di laboratorio per valutare la velocità e le prestazioni del tuo sito. Lo strumento si basa sui dati di Google Lighthouse. Tiene traccia di parametri come la pittura con contenuto più grande, il tempo di blocco totale, lo spostamento del layout cumulativo e altro ancora.

Vitali Web (estensione Chrome)

Web Vitals è un'estensione di Google Chrome che ti consente di monitorare le informazioni di Core Web Vitals in tempo reale sul desktop. Gli sviluppatori che desiderano valutare e risolvere i problemi delle modifiche apportate potrebbero trovare utile l'estensione per Chrome Web Vitals. Vai al sito e clicca sull'estensione per esaminare i dati.

I principali Web Vitals influenzeranno le mie classifiche?

I Core Web Vitals diventeranno criteri di ranking per Google a giugno 2021; quindi, questi indicatori possono influenzare le tue prestazioni SEO.

I nuovi segnali di esperienza della Pagina includeranno sicurezza HTTPS, navigazione sicura, ottimizzazione per dispositivi mobili e linee guida interstitial invadenti.

Google Core Web Vitals influisce sui risultati organici sia su dispositivi mobili che desktop, nonché sulla visualizzazione o meno del tuo sito nelle storie principali. In precedenza, se volevi apparire in Top Stories, dovevi utilizzare AMP. Quando Google implementa l'aggiornamento, questo non sarà più il caso, ma il tuo sito dovrà soddisfare specifici punteggi minimi di Core Web Vitals per apparire nelle Top Stories.

Inoltre, sembra che tutti gli indicatori di Core Web Vitals debbano essere soddisfatti per migliorare il ranking organico. Potrebbe essere necessario anche il punteggio Core Web Vitals per le pagine indicizzate.

In sintesi, ora è necessario aumentare i punteggi di Google Core Web Vital se ti interessano le prestazioni SEO di WordPress.

Che cos'è un buon punteggio di velocità della pagina?

Non esiste un punto di interruzione formale. Una delle linee guida più popolari è che il tuo sito web dovrebbe caricarsi in meno di due secondi. Ciò è probabilmente dovuto alla ricerca di Google che ha rilevato che il 47% degli utenti mobili abbandona un sito Web che impiega più di due secondi per caricarsi.

Sebbene questo consiglio sia molto probabilmente basato sulla misura dell'indice di velocità, non credo che Google abbia mai indicato una metrica specifica quando fornisce un punteggio di velocità della pagina. In genere, il consiglio dei funzionari di Google è generale, come "rendere i siti veloci per gli utenti" o "rendere i siti il ​​più veloci possibile".

Perché è così importante migliorare la velocità della pagina?

L'esperienza dell'utente è influenzata dalla velocità della pagina e può creare o distruggere il tuo sito web. Una performance della pagina più veloce migliora l'esperienza dell'utente, aumentando le conversioni di visite alla pagina e riducendo le frequenze di rimbalzo. Diamo un'occhiata ai vantaggi dell'aumento della velocità della pagina in modo più approfondito.

1. Aumenta la velocità del sito Web per migliorare l'esperienza utente

Secondo il nostro studio, il 47% dei clienti desidera che un sito Web si carichi in meno di due secondi.

Dopodiché, ogni secondo degrada l'esperienza dell'utente. Agli spettatori non piace aspettare che la tua pagina venga caricata; pertanto, in genere fanno clic per scoprire un'azienda che offre un'esperienza utente migliore.

2. Aumenta il numero di visualizzazioni di pagina

Potresti aver notato che molti degli indicatori di cui ho discusso prima, come LCP e CLS, influiscono sul ranking delle pagine su Google. Google aggiunge i dati che valutano i tempi di caricamento per offrire agli utenti risultati di ricerca di alta qualità. Di conseguenza, più velocemente viene caricata la tua pagina, maggiore è la tua valutazione di Google.

3. Aumenta le conversioni

Gli utenti saranno felici e più propensi a diventare clienti se i tuoi siti si caricano velocemente. HubSpot ha scoperto che la riduzione del tempo di caricamento della pagina dal tre al diciassette percento ha aumentato le conversioni in 12 casi di studio.

La matematica era fatta. Un ritardo di un secondo di pagina può costarti $ 2,5 milioni all'anno se il tuo sito di e-commerce genera $ 10.000 al giorno.

4. Frequenza di rimbalzo ridotta

Secondo Think with Google, aumentare il tempo di caricamento del tuo sito web da un secondo a tre secondi aumenta la frequenza di rimbalzo del 32%. Se aumenta da uno a cinque secondi, la probabilità aumenta del 90%.

Pochi secondi potrebbero fare la differenza tra trattenere e convertire utenti o perderli a causa della concorrenza.

Per saperne di più, consulta la nostra guida dettagliata su come ridurre la frequenza di rimbalzo in WordPress.

Modi per aumentare la velocità della pagina

Puoi provare le seguenti azioni per aumentare la velocità della pagina:

1. Limita il numero di reindirizzamenti

Più tempo impiega il server per individuare e caricare la pagina corretta, più reindirizzamenti hai. Rimuovi tutti i reindirizzamenti non necessari che puoi.

2. Includi la barra alla fine

Ricorda di aggiungere la barra finale alla fine dell'URL. Stai informando il server che non ci sono cartelle di file da sfogliare e che questa pagina è la destinazione finale.

Di conseguenza, il tuo URL dovrebbe essere www.pickupwp.com/blog/ anziché www.pickupwp.com/blog.

Ridurrà il tempo di caricamento di una frazione di secondo e ogni millisecondo è importante.

3. Le immagini devono essere compresse e ottimizzate.

File di immagine di grandi dimensioni o un numero elevato di foto possono aumentare notevolmente il tempo necessario per il caricamento del tuo sito web. Assicurati che tutte le tue foto siano ridimensionate e compresse correttamente.

Anche le immagini devono essere conservate nel formato corretto. I formati più facilmente compressi sono PNG e JPEG, che sono supportati da tutti i browser.

La compressione di un'immagine riduce la dimensione del file, che viene misurata in kilobyte e megabyte. Le foto di alta qualità possono essere ridotte in media dal 60% all'80%. Non dovresti mai usare un'immagine di dimensioni superiori a 1 MB.

La dimensione dell'immagine sulla pagina può essere modificata ridimensionandola. Le immagini più piccole dovrebbero essere di 700 pixel o meno, mentre le immagini più grandi dovrebbero occupare l'intera larghezza del tuo sito (o circa 1900 pixel). Puoi sempre ridurre le dimensioni, ma aumentare le dimensioni senza pixellare l'immagine è piuttosto impegnativo.

Sono disponibili diversi plug-in di ottimizzazione delle immagini che puoi utilizzare per l'ottimizzazione e la compressione delle immagini.

4. Utilizza una rete di distribuzione dei contenuti (CDN)

Con una CDN, il tuo sito è ospitato localmente da una rete di server, il che riduce i tempi di caricamento delle pagine. Una persona a Dublino che visita un sito Web situato a Los Angeles, ad esempio, non avrebbe bisogno di eseguire il ping del server di origine ma piuttosto di un server più vicino a casa in Irlanda.

Riduce il numero di richieste al server di origine distribuendo il contenuto su più server, rallentando i tempi di download.

5. Plugin e altri elementi della pagina dovrebbero essere ridotti al minimo.

Plugin, JavaScript e altri elementi extra aumentano il tempo necessario per il caricamento di una pagina. Includi solo i componenti necessari per la tua pagina.

Alcuni plugin possono aiutare con le prestazioni del sito, ovviamente. Le prestazioni della pagina possono essere migliorate utilizzando plug-in che ridimensionano automaticamente le immagini, riducono al minimo il codice e rinviano il caricamento di JavaScript. Sarebbe meglio decidere se le funzionalità extra fornite da questi plugin valgono il sacrificio delle prestazioni della pagina.

6. Minimizza il tuo HTML o CSS

Quando riduci a icona il codice del tuo sito web, rimuovi tutti gli spazi, le note e i markup aggiuntivi che gli sviluppatori utilizzano per rendere il loro codice più leggibile e più semplice con cui lavorare in seguito. Quando un server tenta di caricare un sito Web, non richiede tutto ciò per comprendere HTML, JavaScript o CSS e potrebbe intralciare.

7. Usa la memorizzazione nella cache

Quando un sito memorizza nella cache, il server memorizza copie delle sue pagine in modo che non debba ricaricare il sito ogni volta. Puoi risparmiare tempo usando la memorizzazione nella cache.

Puoi utilizzare WP Rocket, il miglior plug-in di memorizzazione nella cache per WordPress.

8. Seleziona con attenzione il tuo provider di hosting web.

Ottieni quello per cui paghi quando si tratta di hosting di siti web. I piani più economici potrebbero non essere in grado di gestire tanto traffico, con conseguente riduzione dei tempi di caricamento del sito web.

Esistono quattro tipi di provider di web hosting tra cui scegliere:

• Hosting condiviso: l'hosting condiviso può ospitare più piccoli siti su un unico server. Sebbene l'hosting condiviso sia poco costoso, l'aumento del traffico verso altri siti ospitati sullo stesso server potrebbe causare un rallentamento del tuo.
• Hosting VPS: un server privato virtuale, o VPS, gestisce molti siti, ma ognuno ha il proprio "posto" virtuale. Poiché è virtuale, fornisce risorse aggiuntive, riducendo potenzialmente la probabilità di difficoltà di velocità del sito legate al traffico.
• Hosting di server dedicato: un singolo server ospita un solo sito web. Sebbene sia più costoso, aiuta a ridurre o eliminare la possibilità di perdita di velocità del sito a causa di picchi di traffico da altri siti.
• Cloud Hosting: i siti Web sono ospitati su una rete di server fisici e virtuali, che forniscono maggiori risorse e flessibilità. Un host virtuale aumenterà la scalabilità per aumentare un aumento imprevisto del traffico.

Considera le dimensioni del tuo sito e il tuo budget quando selezioni un servizio di hosting per il tuo sito web.

Conclusione

I Core Web Vitals sono vitali per la SEO di WordPress poiché possono aiutarti a ottenere più riconoscimento per il tuo sito web mantenendolo organizzato e pulito.

Queste metriche possono aumentare la visibilità e il posizionamento del tuo sito web nei browser e fornire una buona esperienza di navigazione ai tuoi visitatori.

È importante iniziare a ottimizzare il tuo sito web il prima possibile per evitare di ricevere feedback negativi o posizionarsi più in basso nei risultati di ricerca.

Ci auguriamo che questo articolo ti aiuti a conoscere Google Core Web Vitals e come ottimizzarli. Potresti anche vedere il nostro elenco dei migliori plug-in di cache per WordPress per aumentare la velocità della pagina e guida per aumentare la velocità del tuo sito Web WordPress.