Les 10 thèmes WordPress les plus rapides en 2023 (gratuits et payants)

Publié: 2023-03-06

Vous cherchez un thème WordPress rapide pour démarrer votre prochain projet ? Nous avons fait le gros du travail pour vous et effectué des tests de vitesse sur les thèmes WordPress les plus utilisés. Dans ce guide, nous partageons les performances de thèmes légers et plus personnalisables comme Divi ou Avada. Nous vous montrons également comment optimiser votre thème et rendre votre site web plus rapide, ce qui devrait vous aider à choisir les bons outils pour votre prochain projet de développement.

Pour notre analyse, nous avons sélectionné les thèmes les plus populaires du marché (gratuits et payants), et voici notre shortlist ci-dessous :

5 thèmes légers

  1. Bonjour
  2. Astra
  3. OceanWP
  4. GénérerPresse
  5. Cadence

5 thèmes fournis avec un constructeur de page

  1. Avada (constructeur de fusion)
  2. Divi (Constructeur Divi)
  3. BeTheme (BeBuilder)
  4. Le 7 (constructeur de pages Elementor)
  5. Salient (créateur de pages WPBakery)

Passons en revue et passons en revue les résultats de performance pour chaque thème :

Les 10 thèmes WordPress les plus rapides + données de test

1. Bonjour

Un thème gratuit plain vanilla développé par Elementor et adapté à leur constructeur de pages. Il ne prend que 6 Ko de ressources mémoire, de sorte que les options de personnalisation sont limitées si vous utilisez le thème seul.

Bonjour thème - Source: Elementor
Bonjour thème – Source: Elementor

Résultats de performances pour le thème Hello :

  • Note PageSpeed ​​mobile : 90/100
  • Première peinture contente : 3.1s
  • Plus grande peinture de contenu : 1,8 s
  • Décalage de mise en page cumulé : 2,9 s
  • Indice de vitesse : 1,4 s
  • Temps d'interactivité : 1,4 s
  • Temps total de blocage : 0 ms
  • Temps de chargement total : 2,2 s
  • Taille totale de la page : 990 Ko
  • Requêtes HTTP : 13

2. Astra

Astra est l'un des thèmes WordPress gratuits les plus populaires en raison de son code léger, de ses fonctionnalités conviviales et de ses milliers de modèles prêts à l'emploi.

Thème Astra - Source : WordPress.org
Thème Astra – Source : WordPress.org

Résultats de performance pour le thème Astra :

  • Note PageSpeed ​​mobile : 91/100
  • Première peinture contente : 2.1s
  • Plus grande peinture de contenu : 1,9 s
  • Décalage de mise en page cumulé : 2,8 s
  • Indice de vitesse : 1,3 s
  • Temps d'interactivité : 1,4 s
  • Temps total de blocage : 0 ms
  • Temps de chargement total : 2,1 s
  • Taille totale de la page : 890 Ko
  • Requêtes HTTP : 12

3. OceanWP

Léger et hautement extensible, il vous permettra de créer presque n'importe quel type de site Web. C'est un thème entièrement réactif qui a fière allure sur mobile et possède ses propres outils de traduction. Il a de nombreux modèles construits avec Gutenberg (l'éditeur WordPress) et des constructeurs populaires comme Elementor ou Beaver Builder.

OceanWP - Source : WordPress.org
OceanWP – Source : WordPress.org

Résultats de performance pour le thème OceanWP :

  • Note PageSpeed ​​mobile : 88/100
  • Première peinture contente : 1.1s
  • Plus grande peinture de contenu : 2,9 s
  • Décalage de mise en page cumulé : 1,8 s
  • Indice de vitesse : 2,3 s
  • Temps d'interactivité : 1,4 s
  • Temps total de blocage : 0 ms
  • Temps de chargement total : 3,2 s
  • Taille totale de la page : 996 Ko
  • Requêtes HTTP : 13

4. GénérerPresse

GeneratePress est un thème léger conçu en mettant l'accent sur la convivialité et la vitesse (une nouvelle installation de GeneratePress ajoute moins de 10 Ko à la taille de votre page). Le thème tire pleinement parti de l'éditeur de blocs (Gutenberg), qui vous donne plus de contrôle sur la création de votre contenu.

Thème GeneratePress - Source : WordPress.org
Thème GeneratePress – Source : WordPress.org

Résultats de performances pour le thème GeneratePress :

  • Note PageSpeed ​​mobile : 86/100
  • Première peinture contente : 3,3 s
  • Plus grande peinture de contenu : 1,7 s
  • Décalage de mise en page cumulé : 2,8 s
  • Indice de vitesse : 1,3 s
  • Temps d'interactivité : 2,5 s
  • Temps total de blocage : 0 ms
  • Temps de chargement total : 3,1 s
  • Taille totale de la page : 890 Ko
  • Requêtes HTTP : 12

5. Cadence

Kadence Theme est un thème WordPress léger mais complet pour de beaux sites à chargement rapide. Le développeur a rendu les démos accessibles et a créé un générateur d'en-tête et de pied de page par glisser-déposer pour créer tout type d'en-tête en quelques minutes. La bibliothèque de modèles polyvalents propose différentes conceptions pouvant s'adapter à des centaines de projets.

Thème Kadence – Source : WordPress.org

Résultats de performance pour le thème Kadence :

  • Note PageSpeed ​​mobile : 89/100
  • Première peinture contente : 3.1s
  • Plus grande peinture de contenu : 1,9 s
  • Décalage de mise en page cumulé : 2,9 s
  • Indice de vitesse : 1,3 s
  • Temps d'interactivité : 1,7 s
  • Temps de blocage total : 0,3 ms
  • Temps de chargement total : 2,8 s
  • Taille totale de la page : 898 Ko
  • Requêtes HTTP : 10
️ Important : Les prochains thèmes arrivent avec leur constructeur de page (ou sont groupés avec Elementor ou WP Bakery). C'est pourquoi ils se trouvent dans une section distincte et les résultats proviennent d'un nouveau site de test avec des éléments similaires dans tous les constructeurs de pages.

6. Avada (+ Fusion Builder)

Le thème de vente n ° 1 sur Envato depuis des années. Il existe des milliers de modèles faciles à personnaliser dans la bibliothèque. C'est un constructeur de site Web qui vous permet de créer votre site de l'en-tête au pied de page, grâce au puissant Fusion Builder. Avada est entièrement géré en interne par la même équipe et ne dépend pas d'outils tiers.

Thème Avada - Source : Themeforest
Thème Avada – Source : Themeforest

Résultats de performances pour le thème Avada :

  • Note PageSpeed ​​mobile : 87/100
  • Première peinture contente : 3.1s
  • Plus grande peinture de contenu : 1,5 s
  • Décalage de mise en page cumulé : 1,7 s
  • Indice de vitesse : 1,5 s
  • Temps d'interactivité : 2,4 s
  • Temps total de blocage : 0 ms
  • Temps de chargement total : 2,4 s
  • Taille totale de la page : 998 Ko
  • Requêtes HTTP : 12

7. Divi (+ Divi Constructeur)

Divi est un thème puissant grâce à son constructeur visuel de pages. Elegant Themes a été parmi les premières entreprises à intégrer le WYSIWYG à WordPress. Vous pouvez tout construire visuellement en utilisant le framework Divi sans jamais toucher à une seule ligne de code (et sans installer et configurer de plugins pour apporter des fonctionnalités supplémentaires).

Divi – Source : Elegantthemes.com

Résultats de performances pour le thème Divi :

  • Note PageSpeed ​​mobile : 84/100
  • Première peinture contente : 4.1s
  • Plus grande peinture de contenu : 1,1 s
  • Décalage de mise en page cumulé : 1,8 s
  • Indice de vitesse : 1,4 s
  • Temps d'interactivité : 1,1 s
  • Temps de blocage total : 0,1 ms
  • Temps de chargement total : 3,1 s
  • Taille totale de la page : 1,2 Mo
  • Requêtes HTTP : 14

8. BeTheme (+ BeBuilder)

BeTheme est un constructeur de sites Web polyvalent et un thème WordPress le plus vendu avec plus de 650 sites Web pré-construits (avec des conceptions très modernes et tendance). Leur BeBuilder est également entièrement compatible avec WooCommerce, et ils ont récemment lancé un générateur de requêtes pour créer des sites Web dynamiques.

Thème BeTheme - Source : themuffingroup.com
Thème BeTheme – Source : themuffingroup.com

Résultats de performance pour le thème BeTheme :

  • Note PageSpeed ​​mobile : 80/100
  • Première peinture contente : 4.1s
  • Plus grande peinture de contenu : 2,9 s
  • Décalage de mise en page cumulé : 3,8 s
  • Indice de vitesse : 1,9 s
  • Temps d'interactivité : 1,4 s
  • Temps de blocage total : 0,2 ms
  • Temps de chargement total : 4,1 s
  • Taille totale de la page : 1,4 Mo
  • Requêtes HTTP : 15

9. Le7 (+ Elémentor)

Ce sont les thèmes Elementor les plus vendus qui offrent beaucoup de personnalisation à partir du tableau de bord WordPress. The7 propose plus de 60 sites Web factices prédéfinis avec des modèles exclusifs pour Elementor, WPBakery Page Builder et Slider Revolution.

Le 7 - Source : the7.io
Le 7 – Source : the7.io

Résultats de performance pour le thème The7 :

  • Note PageSpeed ​​mobile : 81/100
  • Première peinture contente : 2,4 s
  • Plus grande peinture de contenu : 1,8 s
  • Décalage de mise en page cumulé : 2,9 s
  • Indice de vitesse : 1,1 s
  • Temps d'interactivité : 1,2 s
  • Temps total de blocage : 0 ms
  • Temps de chargement total : 3,8 s
  • Taille totale de la page : 1,1 Mo
  • Requêtes HTTP : 16

dix. Salient (+ version sur mesure du WPBakery Page Builder)

Salient offre un accès à une bibliothèque de modèles professionnels avec plus de 400 modèles parmi lesquels choisir. Ils ont pris le constructeur de pages WP Bakery Bakery comme base et y ont ajouté quelques fonctionnalités supplémentaires. Enfin, Salient a une note moyenne de 4,8 sur 5 basée sur 5700 notes sur Themeforest.

Thème saillant - source : themenectar.com
Thème saillant - source : themenectar.com

Résultats de performance pour le thème Salient :

  • Note PageSpeed ​​mobile : 82/100
  • Première peinture contente : 2,5 s
  • Plus grande peinture de contenu : 1,7 s
  • Décalage de mise en page cumulé : 1,8 s
  • Indice de vitesse : 1,9 s
  • Temps d'interactivité : 1,2 s
  • Temps de blocage total : 0,35 ms
  • Temps de chargement total : 3,8 s
  • Taille totale de la page : 987 Ko
  • Requêtes HTTP : 13

Tableau des résultats des tests

Vous trouverez ci-dessous un résumé des résultats de performance pour chaque thème. Nous avons utilisé le KPI "PageSpeed ​​mobile score" pour les classer, mais la métrique de chargement total de la page est également importante, alors n'oubliez pas de regarder cette ligne.

Thèmes légers

KPI #1 Astre #2 Bonjour #3 Cadence #4 OcéanWP #5 Générer Presse
Score mobile PageSpeed 91/100 90/100 89/100 88/100 86/100
Première peinture contente 2.1s 3.1s 3.1s 1.1s 3.3s
La plus grande peinture de contenu 1.9s 1.8s 1.9s 2.9s 1.7s
Changement de mise en page cumulé 2.8s 2.9s 2.9s 1.8s 2.8s
Indice de vitesse 1.3s 1,4 s 1.3s 2.3s 1.3s
Temps d'interactivité 1,4 s 1,4 s 1.7s 1,4 s 2,5 s
Temps total de blocage 0 ms 0 ms 0,3 ms 0,2 ms 0 ms
Temps de chargement total 2.1s 2.2s 2.8s 3.2s 3.1s
Taille totale de la page 890 Ko 990 Ko 898 Ko 996 Ko 890 Ko
Requêtes HTTP 12 13 dix 13 12

Thèmes fournis avec un générateur de pages

De même, le classement est basé sur le score mobile PageSpeed.

KPI #1Avada #2Divi #3 Saillant #4 Le7 #5 BeTheme
Score mobile PageSpeed 87/100 84/100 82/100 81/100 80/100
Première peinture contente 3.1s 4.1s 2,5 s 2.4s 4.1s
La plus grande peinture de contenu 1,5 s 1.1s 1.7s 1.8s 2.9s
Changement de mise en page cumulé 1.7s 1.8s 1.8s 2.9s 3.8s
Indice de vitesse 1,5 s 1,4 s 1.9s 1.1s 1.9s
Temps d'interactivité 2.4s 1.1s 1,2 s 1,2 s 1,4 s
Temps total de blocage 0 ms 0,1 milliseconde 0,35 ms 0 ms 0,2 ms
Temps de chargement total 2.4s 3.1s 3.8s 3.8s 4.1s
Taille totale de la page 998 Ko 1,2 Mo 987 Ko 1,1 Mo 1,4 Mo
Requêtes HTTP 12 14 13 16 15

Points clés à retenir:

  • Tous les thèmes vont d'acceptable à très bon pour leur note sur PageSpeed ​​Insights. Il y en a soit en orange soit en vert, il n'y en a pas en rouge en termes de performances.
  • Astra semble être le plus rapide des thèmes légers, avec un 91/100 sur mobile et un chargement de page en 2,1 s.
  • Avada (avec son propre constructeur) arrive également en tête de liste avec un 87/100 sur mobile et un chargement de page de 2,4s.

Comment nous avons testé les thèmes

Notre sélection était basée sur la popularité de 2023, le nombre élevé de téléchargements ou de ventes sur Envato et les avis de qualité. Ensuite, nous effectuons un audit via les outils de performance suivants :

Propulsés par Lighthouse, PageSpeed ​​Insights et GTmetrix, tous deux analysent les performances et l'expérience utilisateur de votre site Web. Les KPI les plus importants sont les Core Web Vitals qui sont accompagnés d'un rapport détaillé sur les performances de vos pages et les domaines à améliorer. C'est pourquoi nous avons inclus les 10 métriques suivantes dans nos tests - mesurés sur mobile :

À partir de PageSpeed Insights :

  • Score mobile PageSpeed
  • Première peinture contente
  • La plus grande peinture de contenu
  • Changement de mise en page cumulé
  • Indice de vitesse
  • Temps d'interactivité
  • Temps total de blocage

De GTmetrix :

  • Temps de chargement total
  • Taille totale de la page
  • Requêtes HTTP

Ensuite, nous avons choisi 10 thèmes que nous avons répartis en deux catégories :

#1 Les thèmes gratuits et légers qui viennent avec une approche minimaliste et ressemblent plus à une toile de base pour démarrer un site Web :

  • Bonjour
  • Astra
  • OceanWP
  • GénérerPresse
  • Cadence

#2 L'autre catégorie contient les thèmes "plus lourds" qui viennent avec leur propre constructeur de page. Nous pensions qu'il serait injuste de comparer Avada (et son constructeur Fusion) avec un thème léger comme Astra. Ainsi, les thèmes de la deuxième catégorie sont les suivants :

  • Avada (constructeur de fusion)
  • Divi (Constructeur Divi)
  • BeTheme (BeBuilder)
  • Le 7 (créateur de pages Elementor / WP Bakery)
  • Salient (créateur de pages WPBakery)

Les sites de test

Pour la première catégorie, nous avons construit un site de test réaliste à l'aide de l'éditeur WordPress, et nous avons utilisé les blocs pour créer une bannière de héros avec un bouton, 5 témoignages avec des images, 1 appel à l'action (section complète avec une image), 4 icônes et texte, 2 titres et 2 sous-titres et 8 services avec images.

Exemple de construction d'un site de test avec Astra et l'éditeur de blocs - Source : WP Rocket
Exemple de construction d'un site de test avec Astra et l'éditeur de blocs - Source : WP Rocket

Pour la deuxième catégorie, nous nous sommes assurés à chaque fois de construire une page avec des éléments similaires présents dans chaque builder : une bannière hero avec une image et un bouton, 3 services avec icône et textes, 2 images (nous avons réutilisé les mêmes), 2 éléments de texte, 3 listes d'icônes et une section d'appel à l'action avec un en-tête, un sous-en-tête et un bouton (section complète).

Exemple de test Avada
Exemple de test Avada

En suivant les mêmes scénarios de test et le même contenu pour chaque thème, nous avons pu mener une analyse comparative des performances équitable. Nous avons fait une nouvelle installation pour chaque thème et utilisé le même serveur pour les tests de vitesse de chaque thème.

️ Important : Ces tests ont été effectués sur un serveur basé en France, et nous avons construit chaque page nous-mêmes. Les résultats que nous avons présentés sont issus de notre propre expérience, et les résultats peuvent différer selon la taille des images que vous téléchargez, la quantité de contenu que vous utilisez ou même votre emplacement dans le monde.

Donnez un coup de pouce supplémentaire aux performances avec WP Rocket

WP Rocket est l'un des meilleurs plugins de mise en cache pour WordPress qui peut optimiser n'importe quel thème en quelques clics. Il améliore également les performances de votre site et de vos Core Web Vitals.

Pour comprendre l'impact important de WP Rocket sur la vitesse, voyons-le en action avec BeTheme, qui était le thème le plus "lent" de nos tests.

Pour mémoire, quelques problèmes ont été signalés par Lighthouse, répertoriés sous l'onglet "Opportunités":

Recommandations phares pour optimiser mes fichiers sur mon site construit avec BeTheme - Source : PageSpeed ​​Insights
Recommandations phares pour optimiser mes fichiers sur mon site construit avec BeTheme – Source : PageSpeed ​​Insights

Les recommandations incluent l'utilisation de la mise en cache, l'activation de la compression de texte, la réduction des CSS/JS inutilisés et le report des images hors écran.

Nous avons activé WP Rocket sur ce site de test, et nous avons remarqué une énorme amélioration :

Site de test BeTheme - audit réussi avec WP Rocket - Source : PageSpeed ​​Insights
Site de test BeTheme – audit réussi avec WP Rocket – Source : PageSpeed ​​Insights

Tous nos KPI de performance se sont également améliorés grâce à WP Rocket qui a également amélioré le score PageSpeed ​​Insights (mon site est passé au vert avec un score de 98/100).

WP Rocket a également augmenté le score Core Web Vitals et réduit le temps de chargement total (de 4,1 s à 2,1 s). WP Rocket a également réduit la taille des pages et le nombre de requêtes HTTP :

KPI de performance Score BeTheme (pas de WP Rocket) Score BeTheme (WP Rocket)
Score mobile PageSpeed 80/100 98/100
Première peinture contente 4.1s 2.1s
La plus grande peinture contente * 2.9s 1.8s
Changement de mise en page cumulé* 3.8s 1.1s
Indice de vitesse 1.9s 1s
Temps d'interactivité 1,4 s 1s
Temps total de blocage 0,2 ms 0 ms
Temps de chargement total 4.1s 2.1s
Taille totale de la page 1,4 Mo 780 Ko
Requêtes HTTP 15 8

* Vitals Web de base

Pour corriger tous les avertissements de PageSpeed ​​Insights et augmenter les KPI de performance, nous avons activé les fonctionnalités WP Rocket suivantes :

  • Implémentez la mise en cache et la compression de texte lors de l'activation du plugin :
WP Rocket applique automatiquement la mise en cache et la compression de texte - Source : WP Rocket
WP Rocket applique automatiquement la mise en cache et la compression de texte – Source : WP Rocket

Vous pouvez également modifier vos propres options à partir de l'onglet cache dans l'administrateur WordPress :

Mise en cache et fonctionnalités d'optimisation avancées - Source : WP Rocket
Mise en cache et fonctionnalités d'optimisation avancées – Source : WP Rocket
  • L'onglet d'optimisation des fichiers pour réduire les CSS inutilisés (parmi d'autres fonctionnalités d'optimisation CSS) :
Optimisation CSS - Source : WP Rocket
Optimisation CSS – Source : WP Rocket
  • Une sous-section dédiée pour optimiser le JS :
Optimisation JS - Source : WP Rocket
Optimisation JS – Source : WP Rocket
  • La fonctionnalité de chargement différé pour différer les images hors écran (et charger uniquement les images situées au-dessus du pli) :
Fonction LazyLoad - Source : WP Rocket
Fonction LazyLoad – Source : WP Rocket

Quel est le meilleur thème pour vous ?

Il est presque impossible de vous proposer un seul thème car cela dépend de vos besoins spécifiques et de votre brief client, mais voici quelques points à retenir :

  • Si vous avez un client prêt à reprendre son site Web, mettre à jour le contenu et accéder au tableau de bord WordPress, alors choisir un thème avec un constructeur de page peut être plus facile (comme BeTheme ou le 7).
  • Si vous êtes un pigiste à la recherche d'un thème avec des démos très bien conçues pour différentes industries, alors Divi et BeTheme peuvent être vos meilleurs choix.
  • Si vous envisagez de créer un site WooCommerce avancé avec des milliers de produits, un thème léger comme Astra peut être plus judicieux. De plus, il est livré avec des fonctionnalités avancées de WooCommerce.
  • Si vous devez créer vos propres formulaires et présentations de produits et ajouter des données dynamiques à votre site Web, un thème fourni avec Elementor Pro est une excellente option. Elementor a été l'une des premières entreprises à lancer le constructeur WooCommerce, vous permettant de créer votre propre modèle de produit et votre page de boutique en un rien de temps.
  • Si vous hésitez entre quelques thèmes , installez une de leurs démos et regardez-les sur mobile. La réactivité doit être essentielle lors de la création d'un site Web.
  • Si vous êtes une agence web et design , Divi propose le Divi Cloud, où vous pouvez facilement stocker votre projet et le partager avec l'équipe. La collaboration et les modifications potentielles peuvent être effectuées plus rapidement de partout.

Enfin, choisissez un thème avec un support rapide, des mises à jour récentes et une documentation précise. Par exemple, OceanWP a une académie qui propose des webinaires et des tutoriels pour utiliser le thème au maximum.

Emballer

Maintenant, vous devriez être en mesure de décider et de choisir le bon thème WordPress pour votre prochain projet. Et rappelez-vous, quel que soit le thème que vous choisissez pour votre prochain projet, WP Rocket est le moyen le plus simple d'améliorer la vitesse de votre site WordPress et de passer les audits de performance sur PageSpeed ​​Insights.