Quel thème WordPress est le plus performant lors du test de vitesse "Core Web Vitals" de Google ?

Google a annoncé son nouveau benchmark Core Web Vitals mi-2020 :

… les utilisateurs montrent qu'ils préfèrent les sites offrant une excellente expérience de page … La recherche a ajouté une variété de critères d'expérience utilisateur, tels que la rapidité de chargement des pages et la convivialité pour les mobiles , comme facteurs de classement des résultats.

Plus tôt ce mois-ci, l'équipe Chrome a annoncé Core Web Vitals, un ensemble de mesures liées à la vitesse, à la réactivité et à la stabilité visuelle …

Nous introduirons un nouveau signal qui combine Core Web Vitals avec nos signaux existants pour l'expérience de la page afin de fournir une image globale de la qualité de l'expérience d'un utilisateur sur une page Web.

En août 2021, Google avait déployé sa mise à jour "d'expérience de page" (qui inclut Core Web Vitals) pour les classements mobiles, avec des classements de bureau à venir d'ici la fin mars 2022 :

Le signal de classement de l'expérience de page est entré en vigueur pour les appareils mobiles en août 2021. Nous commencerons à utiliser l'expérience de page dans le cadre de nos systèmes de classement de bureau à partir de février 2022. Le déploiement sera terminé d'ici la fin mars 2022. Ce lancement de classement sera être basé sur les mêmes signaux d'expérience de page que nous avons déployés pour mobile en août 2021.

Si vous faites du référencement sur votre site Web WordPress, cela vous importe autant que lorsque Chrome a commencé à étiqueter les pages non HTTPS avec des avertissements rouges en 2017.

Si, comme moi, vous voulez prendre une longueur d'avance sur la concurrence et vous assurer que votre site Web WordPress est compatible avec Core Web Vitals , continuez à lire. Je vais expliquer ce qu'est Core Web Vitals et quels thèmes WordPress vont vous aider à obtenir les meilleurs scores.

Remarque : la vitesse de WordPress ne se limite pas à la sélection de thèmes, mais c'est le meilleur point de départ, avec un hébergement WordPress rapide.

TL;DR - GeneratePress est le thème WordPress le plus rapide en 2022 et, en moyenne, a obtenu les meilleurs résultats dans les tests Core Web Vitals de Google dans cette mini-étude.

Que sont les Core Web Vitals ?

Les Core Web Vitals sont un ensemble de métriques de site Web essentielles pour une expérience utilisateur optimale créées par Google. Un sous-ensemble de Web Vitals, les Core Web Vitals sont actuellement composés de trois métriques distinctes :

• Largest Contentful Paint (LCP) : mesure les performances de chargement. Google indique que cela devrait être inférieur à 2,5 secondes .
• First Input Delay (FID) : mesure l'interactivité. Google déclare que cela devrait être inférieur à 100 millisecondes .
• Cumulative Layout Shift (CLS) : mesure la stabilité visuelle. Google indique que cela devrait être inférieur à 0,1 .

Comment puis-je mesurer mon score Core Web Vitals ?

Voici tous les outils et méthodes que vous pouvez utiliser pour mesurer et suivre vos scores Core Web Vitals. Des exemples de tests sont effectués sur un article du blog Evernote (un site WordPress utilisant le thème Mokka, voir mon article sur des sites WordPress célèbres).

Google dispose de 3 outils qui lui sont propres :

• PageSpeed ​​Insights - un simple outil d'analyse de la vitesse des pages. Tout le monde peut l'utiliser sans se connecter. Vous pouvez afficher des résultats distincts pour mobile et ordinateur.

• Rapport d'expérience utilisateur Chrome - une combinaison de PageSpeed ​​Insights et de données de navigation réelles des utilisateurs. Il n'est disponible que pour ceux qui ont un compte Google et Google Cloud Project.
• Search Console – Vous devez être connecté à votre compte GSC pour accéder au rapport Core Web Vitals de vos sites.

Il existe également plusieurs outils tiers qui intègrent les métriques Core Web Vitals :

• WebPageTest.org - un test de vitesse de page Web gratuit qui met en évidence les vitesses LCP et CLS. Il n'affiche pas le FID.

• Web Vitals Chrome Extension - une extension Chrome gratuite qui calcule le LCP, le FID et le CLS pour la page sur laquelle vous vous trouvez.

Vous remarquerez que la même page fonctionne différemment sur différents tests de vitesse. En effet, les métriques de chargement de page dépendent de nombreux facteurs, par exemple si vous naviguez sur un mobile ou un ordinateur de bureau, avec une connexion rapide ou lente, ou dans un emplacement proche ou éloigné du serveur ou du CDN.

Étant donné que Google utilise désormais l'indexation mobile d'abord, si vous vous souciez du référencement et de votre classement dans les moteurs de recherche, vous voudrez faire attention à vos scores LCP mobiles .

Si vous essayez de rendre votre site Web WordPress convivial pour Google, utilisez les propres outils de test de Google pour déterminer les performances de votre site dans les tests Core Web Vitals. Je vous recommande de vous en tenir à la Search Console ou à PageSpeed ​​Insights.

Comment les thèmes WordPress affectent-ils les scores Core Web Vitals ?

Chaque site Web WordPress utilise un thème. Pour la plupart d'entre nous, c'est un thème prêt à l'emploi, certains gratuits, d'autres premium. Votre site WordPress n'est lié à aucun thème et vous pouvez changer de thème assez facilement. Le thème que vous choisissez a un impact sur la vitesse de chargement de vos pages Web et, par conséquent, sur le score de votre site par rapport au benchmark Core Web Vitals de Google.

5 thèmes WordPress populaires que nous testons

vingt vingt

Twenty Twenty est le dernier thème gratuit officiel de WordPress. Utilisé comme thème principal sur plus de 400 000 sites en direct.

Divi

Divi est un thème WordPress premium créé par Elegant Themes. Divi est actuellement utilisé sur plus de 1,6 million de sites Web en direct.

Générateur de thème prospère

Thrive Theme Builder est un nouveau thème WordPress avec un constructeur de page intégré de Thrive Themes, l'équipe derrière le plugin Thrive Architect. Thrive Themes est utilisé sur plus de 125 000 sites en direct.

GénérerPresse

GeneratePress est un thème WordPress léger, avec une version gratuite limitée et une version premium entièrement personnalisable. GeneratePress est utilisé sur plus de 270 000 sites Web en direct.

Gourmande (Genèse)

Foodie est l'un des thèmes enfants les plus populaires pour Genesis, un cadre de thème WordPress premium populaire de StudioPress, qui fait maintenant partie de la famille WP Engine. Le framework Genesis est utilisé sur plus de 290 000 sites Web en direct.

Méthodologie

Contrairement aux tests que nous avons effectués pour trouver les thèmes WordPress les plus rapides, où nous avons utilisé notre propre serveur pour tester chaque thème dans le même environnement, ce test sera effectué "dans la nature".

Pour chacun des 5 thèmes, choisis par nos soins, nous utiliserons PageSpeed ​​Insights pour tester 3 pages d'accueil de sites réels utilisant ce thème. Le résultat moyen sera la référence de ce thème.

Voici les sites que nous avons testés :

Vingt vingt :

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

Divi :

• compétencessurvey.com
• infinitydish.com
• pagefreezer.com

Générateur de thème prospère :

• risuppress.com
• playguitar.com
• croissanceactive.com

GénérerPress :

• brandongaille.com
• apprendreguitarnow.com
• thegeekycyclist.com

Fin gourmet:

• farineonmyface.com
• veganinthefreezer.com
• straightupfood.com/blog/

Chaque page sera mesurée sur :

• La plus grande peinture de contenu ( LCP ), mesurée en secondes
• Premier délai d'entrée ( FID ), mesuré en millisecondes
• Décalage de mise en page cumulatif ( CLS )

LCP sera mesuré uniquement sur mobile , car l'utilisabilité mobile est importante pour le référencement (indexation mobile d'abord) et l'utilisabilité (environ 50 % de tout le trafic du site Web provient d'appareils mobiles).

Résultats

Étonnamment, seuls 2 des 15 sites testés ont réussi le test LCP mobile (devrait être de 2,5 secondes ou moins).

Pour le FID, qui devait être inférieur à 100 millisecondes, c'était l'inverse, et 13 pages sur 15 ont réussi le test.

Le CLS, qui devrait être inférieur à 0,1, a été dépassé par 10 des 15 sites testés.

Mais qu'en est-il des thèmes WordPress, ont-ils eu un impact sur les résultats ?

Le meilleur thème WordPress pour réussir les tests Core Web Vitals en moyenne était GeneratePress. Cela ne me surprend pas, car GeneratePress est également arrivé en tête de nos tests de thème WordPress les plus rapides.

Thrive Theme Builder a réalisé le pire dans l'ensemble. Les 2 seuls sites qui ont réussi tous les tests Core Web Vitals ont utilisé les thèmes Foodie et Twenty Twenty.

Conclusion

Il s'agissait d'un très petit test de sites Web sélectionnés au hasard, de sorte que les résultats ne sont en aucun cas statistiquement significatifs . Il existe également de nombreux autres facteurs en jeu en ce qui concerne la vitesse de WordPress. Comme vous pouvez le voir sur les résultats, le même thème WordPress (Foodie) a été utilisé à la fois sur les sites les plus rapides et les plus lents testés. Il peut y avoir d'autres variables telles que les plugins, la compression d'image, la mise en cache ou l'hébergement de sites Web qui affectent les performances de vitesse globales.

Comme nous l'avons prouvé avec nos tests de vitesse de thème, le choix du thème WordPress a un impact sur le potentiel de vitesse de votre site Web , et vous pouvez vous donner une longueur d'avance en construisant votre site sur un thème rapide et bien codé comme GeneratePress.

Cependant, le simple fait de choisir un thème WordPress rapide ne va pas vous garantir un site web rapide .

J'étais curieux de savoir comment mon site Web (celui sur lequel vous êtes actuellement !) s'est comporté lors des tests Core Web Vitals de Google. Comme j'utilise déjà GeneratePress avec mise en cache et compression d'image, je m'attendais à ce que ça passe avec brio…. en réalité, j'ai aussi une marge de progression.

J'ai testé une page importante de mon site à l'aide de PageSpeed ​​Insights, et bien que le score initial semble excellent ( 91/100 sur mobile), il n'atteint pas le score LCP (3 secondes, 0,5 seconde de plus que la référence de Google de 2,5 secondes).

Sur ordinateur, PageSpeed ​​Insights a indiqué que toutes les pages de mon site Web réussissent le test Core Web Vitals (ces données proviennent des données de Google provenant d'utilisateurs réels sur mon site Web), mais j'aimerais quand même l'accélérer un peu plus. Ma quête du site WordPress le plus rapide continue !

Je vais approfondir cette question et, lorsque je trouverai comment réduire le nombre, j'écrirai à ce sujet et créerai un didacticiel à suivre également.