Care temă WordPress are cele mai bune performanțe la testul de viteză „Core Web Vitals” de la Google?

Publicat: 2020-07-17

Google și-a anunțat noul benchmark Core Web Vitals la jumătatea anului 2020:

… utilizatorii arată că preferă site-uri cu o experiență excelentă a paginii … Căutarea a adăugat o varietate de criterii pentru experiența utilizatorului, cum ar fi cât de repede se încarcă paginile și compatibilitatea cu dispozitivele mobile , ca factori pentru clasarea rezultatelor.

La începutul acestei luni, echipa Chrome a anunțat Core Web Vitals, un set de valori legate de viteză, receptivitate și stabilitate vizuală ...

Vom introduce un nou semnal care combină Core Web Vitals cu semnalele noastre existente pentru experiența paginii, pentru a oferi o imagine holistică a calității experienței unui utilizator pe o pagină web.

Până în august 2021, Google a lansat actualizarea „experienței paginii” (care include Core Web Vitals) pentru clasamentele mobile, clasamentele desktop urmând până la sfârșitul lunii martie 2022:

Semnalul de clasare a experienței paginii a intrat în vigoare pentru dispozitivele mobile în august 2021. Vom începe să folosim experiența paginii ca parte a sistemelor noastre de clasare desktop începând cu februarie 2022. Lansarea va fi finalizată până la sfârșitul lunii martie 2022. Lansarea acestui clasament va să se bazeze pe aceleași semnale de experiență pe care le-am lansat pentru mobil în august 2021.

Dacă faci SEO pe site-ul tău WordPress, atunci acest lucru contează pentru tine la fel de mult ca atunci când Chrome a început să eticheteze pagini non HTTPS cu avertismente roșii încă din 2017.

Dacă, ca mine, doriți să treceți înaintea concurenței și să vă asigurați că site-ul dvs. WordPress este prietenos cu Core Web Vitals , continuați să citiți. Voi analiza ce este Core Web Vitals și ce teme WordPress vă vor ajuta să obțineți cele mai bune scoruri.

Notă: viteza WordPress este mai mult decât selecția temei, dar este cel mai bun loc pentru a începe, împreună cu găzduirea rapidă WordPress.

TL;DR – GeneratePress este cea mai rapidă temă WordPress din 2022 și, în medie, a avut cele mai bune rezultate la testele Google Core Web Vitals în acest mini-studiu.

Cuprins

Ce sunt Core Web Vitals?

Core Web Vitals sunt un set de valori esențiale pentru site-uri web pentru o experiență optimă a utilizatorului, creat de Google. Un subset de Web Vitals, Core Web Vitals sunt în prezent compuse din trei valori distincte:

  • Cea mai mare vopsea de conținut (LCP): măsoară performanța de încărcare. Google afirmă că acest lucru ar trebui să dureze mai puțin de 2,5 secunde .
  • First Input Delay (FID): măsoară interactivitatea. Google afirmă că aceasta ar trebui să fie mai mică de 100 de milisecunde .
  • Cumulative Layout Shift (CLS): măsoară stabilitatea vizuală. Google afirmă că aceasta ar trebui să fie mai mică de 0,1 .

Cum îmi pot măsura scorul Core Web Vitals?

Iată toate instrumentele și metodele pe care le puteți utiliza pentru a măsura și urmări scorurile Core Web Vitals. Exemple de teste se fac pe o postare pe blogul Evernote (un site WordPress care folosește tema Mokka, vezi postarea mea pe site-urile WordPress celebre).

Google are 3 instrumente proprii:

  • PageSpeed ​​Insights – un instrument simplu de analiză a vitezei paginii. Oricine îl poate folosi fără a se conecta. Puteți vizualiza rezultate separate pentru dispozitive mobile și desktop.

Blog Evernote Core Web Vitals Pagespeed Insights

  • Raport despre experiența utilizatorului Chrome – o combinație de PageSpeed ​​Insights și date reale de navigare a utilizatorilor. Este disponibil numai pentru cei cu un cont Google și Google Cloud Project.
  • Search Console – Trebuie să fiți conectat la contul dvs. GSC pentru a accesa raportul Core Web Vitals pentru site-urile dvs.

Core Web Vitals Report Search Console

Există, de asemenea, câteva instrumente terțe care încorporează valorile Core Web Vitals:

  • WebPageTest.org – un test gratuit de viteză a paginii web care evidențiază vitezele LCP și CLS. Nu afișează FID.

Evernote Blog Core Web Vitals Webpagetest

  • Extensia Chrome Web Vitals – o extensie Chrome gratuită care calculează LCP, FID și CLS pentru pagina pe care vă aflați.

Evernote Blog Core Web Vitals Extensia Chrome

Veți observa că aceeași pagină funcționează diferit la teste de viteză diferite. Acest lucru se datorează faptului că valorile de încărcare a paginii depind de mulți factori, cum ar fi dacă navigați pe mobil sau desktop, cu o conexiune rapidă sau lentă sau într-o locație apropiată sau departe de server sau CDN.

Deoarece Google folosește acum indexarea în primul rând pe mobil, dacă vă pasă de SEO și de clasamentul motoarelor dvs. de căutare, veți dori să acordați atenție scorurilor LCP mobile .

Dacă încercați să vă faceți site-ul WordPress prietenos cu Google, folosiți propriile instrumente de testare Google pentru a determina performanța site-ului dvs. în testele Core Web Vitals – vă recomand să rămâneți cu Search Console sau PageSpeed ​​Insights.

Cum afectează temele WordPress scorurile Core Web Vitals?

Fiecare site web WordPress folosește o temă. Pentru cei mai mulți dintre noi, este o temă off-the-rack, unele gratuite, altele premium. Site-ul dvs. WordPress nu este legat de nicio temă și puteți schimba temele destul de ușor. Tema pe care o alegeți are un impact asupra cât de repede se încarcă paginile dvs. web și, ulterior, asupra modului în care site-ul dvs. obține scoruri față de standardul Google Core Web Vitals.

5 teme populare WordPress pe care le testăm

Douăzeci și douăzeci

Tema WordPress Twenty Twenty

Twenty Twenty este cea mai recentă temă gratuită oficială a WordPress. Folosit ca temă principală pe peste 400.000 de site-uri live.

Divi

Exemple Divi

Divi este o temă premium WordPress creată de Elegant Themes. Divi este utilizat în prezent pe peste 1,6 milioane de site-uri web live.

Thrive Theme Builder

Exemple Thrive Theme Builder

Thrive Theme Builder este o nouă temă WordPress cu un generator de pagini încorporat de la Thrive Themes, echipa din spatele pluginului Thrive Architect. Thrive Themes este folosit pe peste 125.000 de site-uri live.

GeneratePress

GeneratePress-exemple

GeneratePress este o temă WordPress ușoară, cu o versiune gratuită limitată și o versiune premium complet personalizabilă. GeneratePress este utilizat pe peste 270.000 de site-uri web live.

Gastronom (Geneza)

foodie-pro-exemple

Foodie este una dintre cele mai populare teme pentru copii pentru Genesis, un cadru de teme WordPress premium popular de la StudioPress, care acum face parte din familia WP Engine. Cadrul Genesis este folosit pe peste 290.000 de site-uri web live.

Metodologie

Spre deosebire de testele pe care le-am rulat pentru a găsi cele mai rapide teme WordPress, unde am folosit propriul nostru server pentru a testa fiecare temă în același mediu, acest test va fi efectuat „în sălbăticie”.

Pentru fiecare dintre cele 5 teme, alese de noi, vom folosi PageSpeed ​​Insights pentru a testa 3 pagini de pornire de pe site-uri reale folosind tema respectivă. Rezultatul mediu va fi reperul acelei teme.

Acestea sunt site-urile pe care le-am testat:

Douăzeci și douăzeci:

  • news.filepuma.com
  • gsuniversity.girlscouts.org
  • de lathiskitchentable.com

Divi:

  • skillssurvey.com
  • infinitydish.com
  • pagefreezer.com

Thrive Theme Builder:

  • risupress.com
  • playguitar.com
  • activegrowth.com

GeneratePress:

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

Gurmand:

  • flouronmyface.com
  • veganinthefreezer.com
  • straightupfood.com/blog/

Fiecare pagină va fi măsurată pe:

  • Cea mai mare vopsea cu conținut maxim ( LCP ), măsurată în secunde
  • Întârzierea primei intrări ( FID ), măsurată în milisecunde
  • Schimbare cumulativă a aspectului ( CLS )

LCP va fi măsurat numai pe dispozitive mobile , deoarece gradul de utilizare mobil este important pentru SEO (indexare pe dispozitive mobile) și uzabilitate (aproximativ 50% din tot traficul site-ului vine de pe dispozitive mobile).

Rezultate

Pagină Temă LCP FID CLS
news.filepuma.com Douăzeci și douăzeci 2.3 4 0,03
gsuniversity.girlscouts.org Douăzeci și douăzeci 5.4 2 0,066
de lathiskitchentable.com Douăzeci și douăzeci 6.7 86 0,89
skillssurvey.com Divi 4.5 55 0,12
infinitydish.com Divi 3.3 121 1
pagefreezer.com Divi 4.9 18 0,05
risupress.com Thrive Theme Builder 6.4 0 0,048
playguitar.com Thrive Theme Builder 4.8 217 0,07
activegrowth.com Thrive Theme Builder 4 49 0,04
brandongaille.com GeneratePress 3 37 0,03
learningguitarnow.com GeneratePress 3.2 25 0,05
thegeekycyclist.com GeneratePress 2.8 22 0,21
flouronmyface.com Gurmand 3.8 52 0,84
veganinthefreezer.com Gurmand 2 20 0,01
straightupfood.com/blog/ Gurmand 7.9 3 0,046

În mod surprinzător, doar 2 dintre cele 15 site-uri testate au trecut testul LCP mobil (ar trebui să fie de 2,5 secunde sau mai puțin).

Pentru FID, care ar trebui să fie mai puțin de 100 de milisecunde, a fost invers, iar 13 din 15 pagini au trecut testul.

CLS, care ar trebui să fie mai mic de 0,1, a fost trecut de 10 din 15 site-uri testate.

Dar cum rămâne cu temele WordPress, au avut ele vreun impact asupra rezultatelor?

Cea mai bună temă WordPress pentru a trece în medie testele Core Web Vitals a fost GeneratePress. Acest lucru nu mă surprinde, deoarece GeneratePress s-a clasat și în topul celor mai rapide teste de teme WordPress.

Thrive Theme Builder a avut cel mai rău performanță în general. Singurele 2 site-uri care au trecut toate testele Core Web Vitals au folosit temele Foodie și Twenty Twenty.

Concluzie

Acesta a fost un test foarte mic de site-uri web selectate aleatoriu, astfel încât rezultatele nu sunt în niciun caz semnificative din punct de vedere statistic . Există, de asemenea, mulți alți factori în joc când vine vorba de viteza WordPress. După cum puteți vedea din rezultate, aceeași temă WordPress (Foodie) a fost folosită atât pe cele mai rapide, cât și pe cele mai lente site-uri testate. Ar putea exista și alte variabile , cum ar fi pluginuri, compresia imaginilor, stocarea în cache sau găzduirea site-ului web, care afectează performanța generală a vitezei.

După cum am demonstrat prin testele noastre de viteză a temei, alegerea temei WordPress are impact asupra potențialului de viteză a site-ului dvs. și vă puteți oferi un avans prin construirea site-ului dvs. pe o temă rapidă și bine codificată, cum ar fi GeneratePress.

Cu toate acestea, alegerea simplă a unei teme WordPress rapidă nu vă va garanta un site web rapid .

Eram curios despre cum a funcționat site-ul meu (cel pe care vă aflați în prezent!) la testele Google Core Web Vitals. Deoarece folosesc deja GeneratePress cu memorarea în cache și comprimarea imaginii, mă așteptam să treacă cu brio... în realitate, am și un loc de îmbunătățire.

Internetfolks Mobile Pagespeed Core Web Vitals

Am testat o pagină importantă de pe site-ul meu folosind PageSpeed ​​Insights și, în timp ce scorul inițial pare grozav ( 91/100 pe mobil), acesta nu a ajuns la scorul LCP (3 secunde, cu 0,5 secunde mai mare decât benchmark-ul Google de 2,5 secunde).

Internetfolks Core Web Vitals Pass

Pe desktop, PageSpeed ​​Insights a indicat că toate paginile de pe site-ul meu trec testul Core Web Vitals (aceste date provin din datele Google de la utilizatori reali de pe site-ul meu), dar aș dori totuși să accelerez un pic mai mult. Căutarea mea pentru cel mai rapid site WordPress continuă!

O să investighez în continuare acest lucru și, când îmi voi da seama cum să reduc numărul, voi scrie despre el și voi crea un tutorial pe care să-l urmărești și tu.