Quale tema WordPress si comporta meglio nel test di velocità "Core Web Vitals" di Google?

Google ha annunciato il suo nuovo benchmark Core Web Vitals a metà del 2020:

… gli utenti dimostrano di preferire i siti con un'esperienza di pagina eccezionale … ​​La ricerca ha aggiunto una varietà di criteri di esperienza utente, come la velocità di caricamento delle pagine e l'ottimizzazione per i dispositivi mobili , come fattori per i risultati del ranking.

All'inizio di questo mese, il team di Chrome ha annunciato Core Web Vitals, una serie di metriche relative a velocità, reattività e stabilità visiva ...

Introdurremo un nuovo segnale che combina Core Web Vitals con i nostri segnali esistenti per l'esperienza della pagina per fornire un'immagine olistica della qualità dell'esperienza di un utente su una pagina web.

Ad agosto 2021, Google aveva lanciato il suo aggiornamento "esperienza della pagina" (che include Core Web Vitals) per le classifiche mobili, con le classifiche desktop in arrivo entro la fine di marzo 2022:

Il segnale di classificazione dell'esperienza della pagina è entrato in vigore per i dispositivi mobili nell'agosto 2021. Inizieremo a utilizzare l'esperienza della pagina come parte dei nostri sistemi di classificazione per desktop a partire da febbraio 2022. L'implementazione sarà completata entro la fine di marzo 2022. Questo lancio della classifica sarà basarsi sugli stessi segnali di esperienza della pagina che abbiamo implementato per i dispositivi mobili nell'agosto 2021.

Se stai facendo SEO sul tuo sito Web WordPress, questo è importante per te tanto quanto quando Chrome ha iniziato a etichettare le pagine non HTTPS con avvisi rossi nel 2017.

Se, come me, vuoi superare la concorrenza e assicurarti che il tuo sito Web WordPress sia compatibile con Core Web Vitals , continua a leggere. Illustrerò cos'è Core Web Vitals e quali temi WordPress ti aiuteranno a ottenere i punteggi migliori.

Nota: c'è di più nella velocità di WordPress oltre alla selezione dei temi, ma è il miglior punto di partenza, insieme a un veloce hosting WordPress.

TL; DR – GeneratePress è il tema WordPress più veloce nel 2022 e, in media, ha ottenuto i risultati migliori nei test Core Web Vitals di Google in questo mini-studio.

Cosa sono i Core Web Vital?

I Core Web Vitals sono un insieme di metriche del sito Web essenziali per un'esperienza utente ottimale creata da Google. Un sottoinsieme di Web Vitals, i Core Web Vitals sono attualmente composti da tre metriche distinte:

• Largest Contentful Paint (LCP): misura le prestazioni di caricamento. Google afferma che questo dovrebbe essere inferiore a 2,5 secondi .
• First Input Delay (FID): misura l'interattività. Google afferma che questo dovrebbe essere inferiore a 100 millisecondi .
• Cumulative Layout Shift (CLS): misura la stabilità visiva. Google afferma che dovrebbe essere inferiore a 0,1 .

Come posso misurare il mio punteggio di Core Web Vitals?

Ecco tutti gli strumenti e i metodi che puoi utilizzare per misurare e tenere traccia dei tuoi punteggi di Core Web Vitals. I test di esempio vengono eseguiti su un post sul blog Evernote (un sito WordPress che utilizza il tema Mokka, vedere il mio post sui famosi siti Web WordPress).

Google ha 3 strumenti propri:

• PageSpeed ​​Insights: un semplice strumento di analisi della velocità della pagina. Chiunque può usarlo senza effettuare l'accesso. Puoi visualizzare risultati separati per dispositivi mobili e desktop.

• Rapporto sull'esperienza utente di Chrome: una combinazione di PageSpeed ​​Insights e dati di navigazione degli utenti reali. È disponibile solo per chi ha un account Google e Google Cloud Project.
• Search Console: per accedere al rapporto Core Web Vitals per i tuoi siti devi aver effettuato l'accesso al tuo account GSC.

Esistono anche diversi strumenti di terze parti che incorporano le metriche di Core Web Vitals:

• WebPageTest.org – un test di velocità della pagina web gratuito che mette in evidenza le velocità LCP e CLS. Non mostra FID.

• Web Vitals Chrome Extension: un'estensione Chrome gratuita che calcola LCP, FID e CLS per la pagina in cui ti trovi.

Noterai che la stessa pagina si comporta in modo diverso su diversi test di velocità. Questo perché le metriche di caricamento della pagina dipendono da molti fattori, ad esempio se stai navigando su dispositivo mobile o desktop, con una connessione veloce o lenta o in una posizione vicina o lontana dal server o dalla CDN.

Poiché Google ora utilizza l'indicizzazione mobile-first, se ti interessa la SEO e il posizionamento sui motori di ricerca, ti consigliamo di prestare attenzione ai punteggi LCP dei tuoi dispositivi mobili .

Se stai cercando di rendere il tuo sito Web WordPress compatibile con Google, attieniti agli strumenti di test di Google per determinare le prestazioni del tuo sito nei test di Core Web Vitals: ti consiglio di attenersi a Search Console o PageSpeed ​​Insights.

In che modo i temi di WordPress influiscono sui punteggi di Core Web Vitals?

Ogni sito Web WordPress utilizza un tema. Per la maggior parte di noi, è un tema standard, alcuni gratuiti, altri premium. Il tuo sito WordPress non è legato a nessun tema e puoi cambiare tema abbastanza facilmente. Il tema che scegli ha un impatto sulla velocità di caricamento delle tue pagine web e, di conseguenza, sul punteggio del tuo sito rispetto al benchmark Core Web Vitals di Google.

5 Temi WordPress popolari che stiamo testando

Venti venti

Twenty Twenty è l'ultimo tema gratuito ufficiale di WordPress. Utilizzato come tema principale su oltre 400.000 siti live.

Divi

Divi è un tema WordPress premium creato da Elegant Themes. Divi è attualmente utilizzato su oltre 1,6 milioni di siti Web live.

Costruttore di temi prospera

Thrive Theme Builder è un nuovo tema WordPress con un generatore di pagine integrato di Thrive Themes, il team dietro il plugin Thrive Architect. Thrive Themes è utilizzato su oltre 125.000 siti live.

GeneraPress

GeneratePress è un tema WordPress leggero, con una versione gratuita limitata e una versione premium completamente personalizzabile. GeneratePress è utilizzato su oltre 270.000 siti Web live.

Buongustaio (Genesi)

Foodie è uno dei temi figlio più popolari per Genesis, un popolare framework di temi WordPress premium di StudioPress, che ora fa parte della famiglia WP Engine. Il framework Genesis viene utilizzato su oltre 290.000 siti Web live.

Metodologia

A differenza dei test che abbiamo eseguito per trovare i temi WordPress più veloci, in cui abbiamo utilizzato il nostro server per testare ogni tema nello stesso ambiente, questo test verrà eseguito "in natura".

Per ciascuno dei 5 temi, scelti da noi, utilizzeremo PageSpeed ​​Insights per testare 3 home page di siti reali che utilizzano quel tema. Il risultato medio sarà il benchmark di quel tema.

Questi sono i siti che abbiamo testato:

Venti venti:

• news.filepuma.com
• gsuniversity.girlscouts.org
• dathiskitchentable.com

Divi:

• Skillsurvey.com
• infinitydish.com
• pagefreezer.com

Generatore di temi prospera:

• risuppress.com
• playguitar.com
• activegrowth.com

Genera stampa:

• brandongaille.com
• learningguitarnow.com
• thegeekycyclist.com

Buongustaio:

• farinaonmyface.com
• veganinthefreezer.com
• straightupfood.com/blog/

Ogni pagina sarà misurata su:

• Più grande Contentful Paint ( LCP ), misurato in secondi
• First Input Delay ( FID ), misurato in millisecondi
• Spostamento cumulativo del layout ( CLS )

L'LCP sarà misurato solo su dispositivi mobili , poiché l'usabilità mobile è importante per la SEO (indicizzazione mobile first) e l'usabilità (circa il 50% di tutto il traffico del sito Web proviene da dispositivi mobili).

Risultati

Sorprendentemente, solo 2 dei 15 siti testati hanno superato il test LCP mobile (dovrebbe essere di 2,5 secondi o meno).

Per FID, che dovrebbe essere inferiore a 100 millisecondi, è stato il contrario e 13 pagine su 15 hanno superato il test.

CLS, che dovrebbe essere inferiore a 0,1, è stato superato da 10 dei 15 siti testati.

Ma per quanto riguarda i temi WordPress, hanno avuto un impatto sui risultati?

Il miglior tema WordPress per superare in media i test Core Web Vitals è stato GeneratePress. Questo non mi sorprende, dato che GeneratePress è anche arrivato in cima ai nostri test di temi WordPress più veloci.

Thrive Theme Builder ha ottenuto il risultato peggiore in assoluto. Gli unici 2 siti che hanno superato tutti i test di Core Web Vitals hanno utilizzato i temi Foodie e Twenty Twenty.

Conclusione

Questo è stato un test molto piccolo su siti Web selezionati casualmente, quindi i risultati non sono in alcun modo statisticamente significativi . Ci sono anche molti altri fattori in gioco quando si tratta di velocità di WordPress. Come puoi vedere dai risultati, lo stesso tema WordPress (Foodie) è stato utilizzato sia sui siti più veloci che su quelli più lenti testati. Potrebbero esserci altre variabili come plug-in, compressione delle immagini, memorizzazione nella cache o hosting di siti Web che influiscono sulle prestazioni complessive della velocità.

Come abbiamo dimostrato con i nostri test di velocità del tema, la scelta del tema di WordPress ha un impatto sul potenziale di velocità del tuo sito Web e puoi darti un vantaggio costruendo il tuo sito su un tema veloce e ben codificato come GeneratePress.

Tuttavia, la semplice scelta di un tema WordPress veloce non ti garantirà un sito web veloce .

Ero curioso di sapere come il mio sito web (quello su cui ti trovi attualmente!) si è comportato nei test Core Web Vitals di Google. Dato che sto già usando GeneratePress con la memorizzazione nella cache e la compressione delle immagini, mi aspettavo che passasse a pieni voti…. in realtà ho anche qualche margine di miglioramento.

Ho testato una pagina importante del mio sito utilizzando PageSpeed ​​Insights e, sebbene il punteggio iniziale sembri ottimo ( 91/100 su dispositivo mobile), non è stato all'altezza del punteggio LCP (3 secondi, 0,5 secondi in più rispetto al benchmark di Google di 2,5 secondi).

Su desktop, PageSpeed ​​Insights ha indicato che tutte le pagine del mio sito Web superano il test Core Web Vitals (questi dati provengono dai dati di Google provenienti da utenti reali sul mio sito Web), ma mi piacerebbe comunque accelerare un po' di più. La mia ricerca per il sito Web WordPress più veloce continua!

Indagherò ulteriormente e, quando capirò come ridurre il numero, ne scriverò e creerò un tutorial da seguire anche tu.