Top 7 des thèmes WordPress pour de bons Core Web Vitals (Classement 2023)

Plus de 10 500 thèmes gratuits sont disponibles dans le référentiel WordPress.

Et le nombre ne cesse de croître de jour en jour.

Alors, comment pourriez-vous identifier les meilleurs? Êtes-vous censé tester chaque thème que vous aimez et comparer toutes les mesures de performance, les scores et les millisecondes ?

Soyons honnêtes - cela ne ressemble pas à une tâche que vous voudriez passer toute votre journée à faire.

Surtout quand nous l'avons fait pour vous !

Ainsi, au lieu de perdre du temps à activer, désactiver, tester, noter les résultats et comparer, lisez la suite pour découvrir les 7 thèmes WordPress qui se sont démarqués après nos recherches et tests approfondis.

Comment nous avons testé les meilleurs candidats de thèmes WordPress pour de bons éléments vitaux Web de base

Remarque : La meilleure façon d'estimer les performances d'un thème dans le monde réel sans générer de trafic était de s'appuyer sur Core Web Vitals en laboratoire. Notre expérience montre que les thèmes qui réussissent LCP, CLS et TBT en laboratoire ont plus de chances de reproduire les mêmes bons résultats sur le terrain.

Nous avons commencé nos recherches en collectant un large éventail de thèmes avec lesquels nos développeurs WordPress ont travaillé dans le passé, ainsi que des thèmes basés sur leur popularité dans le référentiel WP.

Ensuite, nous avons commencé le processus de test à longue vitesse :

• Installez et activez le thème sur une installation WordPress vierge.
• Laissez le thème tel quel - pas de contenu, de menus, de pages, de publications ou de plugins ajoutés.
• Exécutez le site Web avec le thème via PageSpeed ​​Insights de Google.
• Exécutez le thème via GTmetrix.
• Exécutez le thème via le test de vitesse Pingdom.
• Rassemblez tous les résultats et comparez-les.

Nous avons décidé d'utiliser trois outils de test car chacun a des normes et des métriques différentes. Nous voulions nous assurer qu'un outil ne donnait pas de meilleurs ou de moins bons résultats qu'un autre.

Dans chaque outil, nous avons décidé de surveiller des métriques spécifiques :

Informations sur la vitesse de la page

PageSpeed ​​Insights (PSI) de Google est l'outil incontournable pour tester la vitesse d'un thème et Core Web Vitals. Étant donné que nous n'avions pas de trafic réel, nous nous sommes concentrés sur le score de performance et ses mesures sur mobile et sur ordinateur.

Voici les mesures sur lesquelles nous nous sommes concentrés :

• Note de performances . Il est sur 100 et basé sur les mesures suivantes - LCP, CLS, Speed ​​Index, TBT et FCP. Chaque métrique a un poids différent.
• Première peinture contente. FCP est le temps nécessaire au navigateur pour visualiser le premier élément de contenu DOM.
• La plus grande peinture de contenu. LCP mesure le temps nécessaire au chargement du plus grand élément au-dessus de la ligne de flottaison sur une page.
• Indice de vitesse . Il montre à quelle vitesse le contenu d'une page est visiblement peuplé. Plus bas c'est mieux.
• Temps total de blocage. Il montre à quel point une page ne répond pas avant qu'elle ne devienne entièrement interactive.
• Changement de mise en page cumulatif. CLS mesure à quel point les changements de mise en page inattendus affectent l'expérience utilisateur sur une page.

GTmetrix

GTmetrix analyse la vitesse et l'optimisation d'un site Web, ce qui en fait un outil précieux pour identifier les problèmes de performances et déterminer si un thème contient un nombre excessif de fichiers inutiles.

Les métriques sur lesquelles nous nous sommes concentrés étaient :

• Grade GTmetrix. Il s'agit d'une note pondérée des scores de performance et de structure.
• Note de performances. Il s'agit du score de performance Lighthouse, tel que capturé par GTmetrix, avec ses audits personnalisés, ses options d'analyse, son navigateur et ses spécifications matérielles.
• Note structurelle . Il s'agit d'une évaluation exclusive des audits Lighthouse et Custom GTmetrix. Il représente à quel point un thème/une page est construit pour des performances optimales.
• Web Vitals. Métriques Core Web Vitals basées sur le laboratoire qui mesurent si un thème / une page offre une excellente expérience globale.
• Temps de chargement. Combien de temps il faut pour qu'une page Web se charge complètement.

Pingdom

Bien que Pingdom partage des similitudes avec GTmetrix, nous préférons utiliser les deux outils simultanément car ils fournissent des métriques différentes. En outre, Pingdom offre un moyen simple de tester une page Web à partir de différents emplacements.

Tous les thèmes ont été testés depuis l'Amérique du Nord - USA - Washington DC

Métriques que nous avons surveillées :

• Note de performance Il s'agit d'une note cumulative sur 100.
• Temps de chargement. Le temps nécessaire à Pingdom pour charger l'intégralité du site Web avec un thème installé.
• Taille de la page. La taille de tous les fichiers du site de la page. Le thème a un impact énorme sur celui-ci.
• Demandes. Le nombre de requêtes du serveur pour fournir le thème et le contenu du site à l'utilisateur.

Résumé rapide des thèmes WordPress les plus performants

Avant d'approfondir chaque thème, ses fonctionnalités, ses prix et ses performances, voici un résumé de nos tests.

Remarque : Le classement suivant est basé sur les résultats de Pingdom et, plus précisément, sur la taille de la page et le temps de chargement. Plus loin dans l'article, nous passons en revue chaque thème et ses résultats CWV.

1. Vingt vingt-trois –Taille de la page :26,3 Ko ;Temps de chargement : 520 ms
2. Bonjour Elementor –Taille de la page : 32,7 Ko;Temps de chargement :520 ms
3. GeneratePress –Taille de la page : 37,7 Ko ;Temps de chargement : 538 ms
4. Neve –Taille de la page : 42,4 Ko ;Temps de chargement : 552 ms
5. Sydney –Taille de la page : 48,1 Ko ;Temps de chargement : 560 ms
6. Astra –Taille de la page : 48,5 Ko ;Temps de chargement : 619 ms
7. Kadence –Taille de la page : 54,8 Ko ;Temps de chargement : 628 ms

Meilleurs thèmes WordPress pour transmettre les éléments vitaux Web de base en 2023

Fonctionnalités, prix, résultats de performance - commençons par un aperçu détaillé de chaque concurrent.

1. Twenty Twenty-Three - Meilleurs amis avec Gutenberg

Le thème par défaut Twenty Twenty-Three a été développé pour utiliser les derniers outils de conception introduits dans WordPress 6.1.

Le thème utilise une base simple et épurée et fournit dix variations de style distinctes apportées par la communauté WordPress.

Twenty Twenty-Three vous permet de créer facilement un site Web de n'importe quel niveau de complexité, soit en utilisant les styles préconçus, soit en adoptant une approche plus pratique et en le personnalisant à votre guise.

Ce qui frappe dans le dernier thème WordPress par défaut, c'est sa simplicité et sa légèreté. Twenty Twenty-Three est flexible et parfaitement adapté aux fonctionnalités d'édition de site de Gutenberg, telles que l'édition de modèles, les variations de style, la typographie et les modèles de blocs.

Prix ​​: Gratuit

Installations actives : 800 000+

Meilleures caractéristiques : design minimaliste, styles légers et préconçus

Convient pour : environnement de test et création d'une variété de sites Web

Ce que nos tests ont montré

Twenty Twenty-Three a obtenu des résultats remarquables sur les trois tests. Plus important encore, ses Core Web Vitals basés en laboratoire étaient dans le vert, une condition préalable à une excellente performance dans le monde réel.

En PSI, il a obtenu des résultats parfaits sur mobile et ordinateur de bureau, obtenant 100/100 aux deux tests. Il a également obtenu une note A dans GTmetrix (score de performance de 98 %, score de structure de 100 %) avec un temps de chargement de 1,4 s.

Nos tests Pingdom ont confirmé le label « léger » de Twenty Twenty-Three. Avec seulement 26,3 Ko de taille de page, ce thème a été le grand gagnant de tous ceux que nous avons testés.

2. Hello Elementor - La référence du commerce électronique

Elementor est utilisé par 8,0% de tous les sites Web, ce qui n'est pas surprenant compte tenu de la facilité avec laquelle il est possible de créer une page Web. Eh bien, les mêmes développeurs responsables de la création de l'un des constructeurs de pages les plus populaires ont produit un thème rapide et léger appelé Hello Elementor.

Le thème est annoncé comme étant rapide et flexible. Comme vous vous en doutez, il s'intègre de manière transparente à Elementor et à de nombreux autres plugins tels que WooCommerce, Advanced Custom Fields, Yoast et autres.

De plus, il propose plus de 100 conceptions prêtes à l'emploi, ce qui vous permet de créer un site Web parfaitement fonctionnel à partir de zéro.

Prix ​​: Gratuit

Installations actives : 1+ million

Meilleures caractéristiques : léger, plus de 100 designs prêts à l'emploi, personnalisables

Convient pour : créer un site Web à partir de zéro

Ce que nos tests ont montré

Comme Twenty Twenty-Three, Hello Elementor a obtenu d'excellents résultats CWV à la fois sur ordinateur et sur mobile.

Il a parfaitement marqué sur GTmetrix et Pingdom. En fait, nos tests Pingdom l'ont classé au deuxième rang des thèmes les plus légers, avec un temps de chargement de 520 ms, le même que le thème par défaut de WordPress.

Vous devez savoir que bien qu'il soit commercialisé comme léger, Hello Elementor n'est pas personnalisable en soi. Vous devrez ajouter Elementor en tant que solution de création de pages, ce qui pourrait affecter les performances de votre site Web.

3. GeneratePress - Celui basé sur des blocs

GeneratePress est un thème WordPress conçu pour donner la priorité à la vitesse, à la convivialité et à l'accessibilité.

Son utilisation de Gutenberg vous garantit une liberté lors de la création de votre contenu. Si vous utilisez des constructeurs de pages, vous aimeriez savoir que GeneratePress est entièrement compatible avec tous les principaux, y compris Beaver Builder et Elementor.

GeneratePress est entièrement réactif et a été traduit dans plus de 25 langues. En outre, il comprend plus de 60 commandes de couleur, une typographie dynamique puissante, 5 emplacements de navigation, 5 dispositions de barre latérale, des menus déroulants et 9 zones de widgets.

Prix ​​: Gratuit ; 59 $/an, 249 $/à vie

Installations actives : 500 000+

Meilleures fonctionnalités : axé sur la vitesse, réactif, compatible avec les constructeurs de pages

Convient pour : Tous les types de sites Web

Ce que nos tests ont montré

Une chose qui a attiré notre attention lors de la recherche de thèmes a été la déclaration de GeneratePress "100% Page Scores". Nous étions donc impatients de tester cela.

Nous pouvons dire que GeneratePress a parlé et a marché. Il a obtenu des scores de performance presque parfaits sur les trois tests :

En ce qui concerne la taille de la page, nous avons été surpris par les résultats. En exécutant notre site Web via Pingdom, la taille de la page était de 37,7 Ko, légèrement différente des «7,5 Ko» promis sur leur site Web.

4. Neve - La polyvalente

Neve est un thème polyvalent et rapide qui peut être personnalisé à diverses fins. Il est idéal pour les blogueurs, les petites entreprises, les startups, les agences, les entreprises et les boutiques de commerce électronique utilisant la vitrine WooCommerce, les sites de portefeuille personnels et divers autres projets.

Il est optimisé pour l'AMP et la réactivité, garantissant des temps de chargement rapides et un affichage optimal sur n'importe quel appareil. Bien qu'il ait un design minimaliste, Neve peut être facilement étendu et comporte un code hautement optimisé pour le référencement qui peut se traduire par les meilleurs classements de recherche Google.

Neve est également compatible avec Gutenberg et les constructeurs de pages populaires tels que Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin et Divi.

Prix ​​: Gratuit ; 69 $/an ; 149 $/an ; 249 $/an

Installations actives : 300 000+

Meilleures fonctionnalités : design minimaliste, réactif et optimisé pour le référencement

Convient pour : Un large éventail d'objectifs et de sites

Ce que nos tests ont montré

En ce qui concerne Core Web Vitals et les scores de performance, Neve est aussi bon que les options précédentes.

La raison pour laquelle il arrive en quatrième position sur notre liste est la taille de la page et le temps de chargement, mais cela ne devrait pas vous empêcher de le tester.

L'un des avantages de Neve est qu'il utilise du JS vanille plutôt qu'un framework tel que JQuery. Cela contribue à une amélioration des performances et se traduit par un site Web plus réactif.

5. Sydney - Les pigistes adorent ça

Sydney est un thème robuste qui permet aux entreprises ou aux indépendants d'établir rapidement une présence en ligne remarquable.

Ce thème est entièrement compatible avec Elementor et offre diverses options de personnalisation, notamment l'accès à toutes les polices Google, le contrôle complet des couleurs, le contrôle de la mise en page, le téléchargement du logo, le curseur plein écran, l'image d'en-tête, la navigation fluide et de nombreuses autres fonctionnalités.

De plus, Sydney fournit tous les éléments de base nécessaires pour créer rapidement une page attrayante.

Prix ​​: Gratuit ; 69 $/an, 99 $/an ; 199 $/à vie

Installations actives : plus de 100 000

Meilleures fonctionnalités : accès aux polices Google, contrôle des couleurs

Convient pour : les sites Web d'entreprise

Ce que nos tests ont montré

Après avoir terminé une nouvelle installation de Sydney, nous avons testé les performances du thème.

Les résultats:

Il a tous les ingrédients pour construire un site Web qui satisfera vos visiteurs et les moteurs de recherche.

En termes de vitesse et de Core Web Vitals, Sydney se classe au même rang que les autres thèmes. Cependant, la taille totale de la page est deux fois plus grande (48,1 Ko) que Twenty Twenty-Three.

6. Astra - Connue de tous, aimée de tous

Astra est le thème WordPress le plus populaire. Il est rapide, entièrement personnalisable et visuellement attrayant, ce qui en fait un choix approprié à diverses fins, telles que les blogs, les portefeuilles personnels, les sites Web d'entreprise et les vitrines WooCommerce.

Astra est également conçu pour être léger, avec une taille frontale inférieure à 50 Ko, contribuant à sa vitesse inégalée. Le thème est conçu avec le référencement à l'esprit, intégrant le code Schema.org et le support AMP natif pour améliorer la visibilité de votre site sur les moteurs de recherche.

De plus, Astra offre des fonctionnalités et des modèles uniques compatibles avec les constructeurs de pages populaires tels que Elementor, Beaver Builder, Visual Composer, SiteOrigin et Divi, garantissant une intégration transparente avec votre constructeur de pages préféré.

Prix ​​: Gratuit ; 47 $/an, 137 $/an ; 187 $/an ; options à vie disponibles

Installations actives : 1+ million

Meilleures fonctionnalités : sites Web prédéfinis, plusieurs options personnalisables, rapidité

Convient pour : Tous les sites Web

Ce que nos tests ont montré

Contrairement à nos attentes, Astra n'a pas été aussi performante que nous le pensions. Oui, les scores mobiles PSI étaient excellents, mais ils ont montré des résultats inférieurs à la normale sur ordinateur.

De plus, il était surprenant qu'il n'obtienne qu'un score de performance de 85% sur GTmetrix. Néanmoins, toutes les autres mesures étaient similaires aux leaders de notre classement.

7. Kadence - Le favori discret

Kadence est un thème WordPress à la fois léger et riche en fonctionnalités, vous permettant de créer facilement de beaux sites Web à chargement rapide et accessibles.

L'une de ses caractéristiques notables est un générateur intuitif d'en-tête et de pied de page par glisser-déposer qui vous permet de créer n'importe quel type d'en-tête en quelques minutes. Le thème propose également une bibliothèque complète de modèles de démarrage époustouflants qui peuvent être facilement personnalisés à l'aide de commandes globales intelligentes de police et de couleur.

De plus, le thème Kadence est hautement compatible avec les plugins tiers les plus populaires, vous permettant de développer rapidement des sites Web de commerce électronique impressionnants, des sites Web de cours, des sites Web commerciaux et d'autres types de sites.

Prix ​​: Gratuit ; 129 $/première année, 199 $/première année

Installations actives : 200 000+

Meilleures fonctionnalités : Glisser-déposer intuitif, modèles de démarrage, axé sur les performances

Convient pour : Tous les types de sites Web

Ce que nos tests ont montré

Kadence a une taille de page par défaut de 54,8 Ko. Bien qu'il soit le plus grand du groupe, il a quand même réussi à exceller dans les deux tests PSI et à obtenir un A sur GTmetrix.

Compte tenu de la quantité de ce thème, cela pourrait être considérablement amélioré avec une certaine optimisation et un bon plugin d'optimisation de la vitesse du site.

Quel thème dois-je installer ?

Tous.

Oui, vous avez bien lu.

Nous avons réduit notre liste à seulement 7 thèmes car nous voulions vous proposer un petit groupe d'options que vous pouvez tester par vous-même.

Il est beaucoup plus rapide et facile de parcourir sept thèmes vous-même au lieu de vous submerger avec une liste massive de plus de 50 thèmes.

Nous pensons que ceux qui ont été inclus dans cet article offrent la meilleure base sur laquelle s'appuyer et avoir un site Web performant.

Et nous mettons l'accent sur la fondation.

Dans nos recherches, nous avons testé les thèmes sans aucun contenu ou plugin ajouté en plus.

Nous vous recommandons donc de tous les essayer, de jouer avec leurs fonctionnalités de personnalisation, d'ajouter du contenu et d'installer quelques plugins.

Ensuite, testez et voyez ce qui donne les meilleurs résultats en fonction de vos besoins et exigences spécifiques.

Comment améliorer davantage vos principaux éléments vitaux Web [Liste de contrôle]

S'appuyer sur un thème optimisé pour la vitesse vous donnera une longueur d'avance dans votre parcours Core Web Vitals.

Cependant, dans de nombreux cas, il ne suffit pas de s'appuyer uniquement sur un thème rapide pour faire passer vos scores au-delà de la ligne.

C'est pourquoi nous avons préparé une liste de contrôle rapide des bonnes pratiques que vous pouvez suivre pour optimiser chaque métrique CWV :

1. La plus grande peinture de contenu (LCP)

• Utiliser un thème léger
• Ne gonflez pas votre site avec des plugins inutiles
• Compressez vos images
• Diffusez des images dans des formats nouvelle génération
• Préchargez vos images de héros
• Minifiez et compressez vos fichiers de code
• Implémenter le CSS critique
• Utiliser un CDN
• Installer un plugin de mise en cache

2. Premier délai d'entrée (FID)

• Retarder ou supprimer les scripts tiers non critiques
• Minifiez et compressez vos fichiers de code
• Réduire les CSS inutilisés
• Différer le JavaScript inutilisé

3. Changement de disposition cumulatif (CLS)

• Ajouter des attributs de largeur et de hauteur aux images et aux vidéos
• Réserver de l'espace pour les publicités, les intégrations et les iFrames
• Optimiser la livraison des polices

Bien que cela puisse sembler beaucoup de travail, les avantages de l'application de toutes ces meilleures pratiques conduiront éventuellement à d'excellents résultats commerciaux dans le monde réel.

Tout ce que vous avez à faire est d'optimiser une chose à la fois.

Ou…

Passez vos Core Web Vitals en pilote automatique avec NitroPack →