Classement des thèmes WordPress les plus rapides et légers

Classement des thèmes WordPress les plus rapides et légers Parmi les thèmes WordPress les plus modernes, quels sont ceux qui affichent la meilleure performance en termes de temps de chargement et de rapidité d'interaction ? Le JDN a dressé un benchmark de leur webperf.

Que ce soit pour un nouveau site web ou pour un site existant, il est primordial de se pencher sur la vitesse de chargement des pages. Pour accélérer un site web il est possible de jouer sur différents aspects : l'hébergement, les plugins de performance, la gestion des images. Si le site tourne sur le CMS WordPress, il est crucial d'opter pour un thème léger et rapide. Pourquoi ? Parce que c'est la base du site, et que c'est comme pour une maison, si vous construisez sur de mauvaises fondations, alors tous les efforts d'optimisation que vous pourrez faire par la suite seront compromis.

Tous thèmes WordPress retenus dans le cadre du classement ci-dessous sont responsive, utilisent les "meilleures pratiques SEO", supportent WooCommerce et les principaux constructeurs de pages du CMS (Elementor, Beaver Builder, Visual Composer, Divi, etc.) et offrent des fonctionnalités premium qui raviront amateurs et développeurs. Ce sont également des thèmes qui se présentent eux-mêmes comme performants et rapides. Les tests réalisés se concentrent à la fois sur la vitesse de chargement, la légèreté des pages, mais aussi la simplicité et la propreté du code.

Comparatif de la performance web d'une sélection de thèmes WordPress
  Speed index Temps d'interaction OnLoad Time Requê- tes Poids Poids CSS Poids JS CSS Com-
plexité
1. Twenty Twenty One 1300ms 1200ms 524ms 12 83kb 35kb 6kb A
1. Generate Press 1200ms 1000ms 454ms 12 65kb 17kb 5kb A
2. Neve 1200ms 1100ms 579ms 9 68kb 19kb 6kb A
3. Suki 1300ms 1200ms 569ms 11 69kb 19kb 7kb A
4. Zakra 1200ms 1200ms 525ms 14 80kb 28kb 8kb A
5. Astra 1300ms 1100ms 574ms 9 75kb 33kb 23kb A
6. Kadence 1300ms 1200ms 719ms 18 100kb 21kb 6kb A
7. Ocean WP 1600ms 2200ms 623ms 19 174kb 53kb 68kb C
8. Sydney 1800ms 1700ms 599ms 15 159kb 44kb 41kb B
9. Customify 1900ms 1800ms 629ms 11 166kb 39kb 7kb B

Ces résultats sont à prendre avec toutes les réserves nécessaires. Ils sont le reflet des mesures prises à un instant T, avec une configuration précise sur un hébergement donné. Ils ne font que montrer les performances des thèmes WordPress à l'état brut. L'ajout de plugins, de paramètres et de contenus pourra grever ces performances. Enfin, ces résultats n'illustrent que la webperf d'un thème WordPress. En parallèle de cet indicateur, il est important de bien analyser les fonctionnalités proposées par chacun avant de faire un choix.

De la première à la sixième place, les différences de résultats sont minimes. On pourrait presque parler de résultats ex-aequo. GeneratePress arrive en tête principalement pour sa remarquable structure de base (DOM et CSS) qui est vraiment loin devant celle de la concurrence en termes de simplicité.

Méthodologie et outils de Webperf utilisés

Pour ce test de performance des thèmes WordPress, la configuration suivante a été utilisée :

  • Les serveurs WP Scale,
  • WordPress 5.8,
  • Aucun plugin installé,
  • Aucune personnalisation des thèmes,
  • Un article standard de 1600 mots et 8 images de 1920px et 200 ko chacune.

Chaque thème a été activé, puis l'URL de l'article a été testé via les outils de mesures présentés ci-dessous.

Google Page Speed Insight

Google a lancé il y a quelques années Page Speed Insight, un outil d'analyse de "l'expérience" d'un site web. Il  propose différentes métriques qui, selon Google, renvoie à la qualité de l'expérience utilisateur en termes de performance d'affichage. Pour le classement, les données de Page Speed Insight suivantes ont été réaccueillies :

  • Speed Index mesure la vitesse d'affichage de la page,
  • FCP (First Content Paint) mesure le temps d'affichage du premier élément de contenu de la page,
  • TTI (Time to Interact) mesure le temps avant la première interaction possible avec la page.

Yellow Lab Tools

Yellow Lab Tools est un outil de mesure de performance qui analyse l'optimisation du code d'une page web par le biais de différents indicateurs :

  • Taille de la page : mesure le poids total de la page,
  • Taille du CSS : mesure le poids des fichiers CSS de la page,
  • Taille du JS : mesure le poids des fichiers JavaScript de la page,
  • Complexité du CSS : calcul la complexité des CSS de la page,
  • Complexité du DOM : calcul le nombre d'éléments HTML présents dans la page.

Plus les résultats de ces métriques sont élevés plus les pages sont lourdes et complexes et plus elles mettront du temps à se charger.

Pingdom et Gtmetrix

Pingdom et GTmetrix sont des outils de test de performance disponibles en ligne qui peuvent ne pas refléter la réalité de l'expérience utilisateur. Dans le cadre du classement, ils ont permis de confirmer les résultats obtenus par ailleurs et à vérifier qu'il n'y a pas d'incohérence. Voici les indicateurs qu'ils proposent : 

  • Temps de chargement Pingdom : il estime le temps d'affichage, une fois que les ressources "non différées" de la page ont été chargées. En d'autres termes, une fois que la page est consultable, même s'il reste des éléments non visibles qui se chargeront plus tard.
  • Temps de chargement GTmetrix : il s'agit d'une mesure "full loaded time", qui calcule le temps de chargement de la page jusqu'à ce que tous les éléments ont fini d'être chargés et que la page devient totalement active.
  • Nombre de requêtes : il s'agit du nombre de requêtes envoyées au moment du chargement de votre page pour aller chercher ses différents éléments (CSS, JS, HTML, polices, images, vidéos, etc.).

Détails des indicateurs par thèmes

Twenty Twenty One

  • Page Speed Insigth : Speed index = 1300 ms ; FCP = 1100 ms ; TTI = 1200 ms
  • GT Metrix : Fully Loaded Time = 989ms
  • Pingdom : Load Time = 524 ms ; Requêtes = 12
  • Yellow Lab Tools : Poids total = 83,6 kb ; Poids CSS = 35 kb ; Poids JS = 6,6 kb ; DOM complexité = A ; CSS complexité = A

Neve

  • Page Speed Insights : Speed index = 1200 ms ; FCP = 1100 ms ; TTI = 1100 ms
  • GT Metrix : Fully Loaded Time = 997ms
  • Pingdom : Load Time = 700 ms ; Requêtes = 9
  • Yellow Lab Tools : Poids total = 68,5 kb ; Poids CSS = 19,7 kb ; Poids JS = 6 kb ; DOM complexité = A 232 ; CSS complexité = A 1132

Astra

  • Page Speed Insights : Speed index = 1300 ms ; FCP = 1100 ms ; TTI = 1100 ms
  • GT Metrix : Fully Loaded Time = 1100ms
  • Pingdom : Load Time = 744 ms ; Requêtes = 9
  • Yellow Lab Tools : Poids total = 75 kb ; Poids CSS = 19,3 kb ; Poids JS = 7,5 kb ; DOM complexité = A 233 ; CSS complexité = A 1119

GeneratePress

  • Page Speed Insights : Speed index = 1200 ms ; FCP = 1100 ms ; TTI = 1100 ms
  • GT Metrix : Fully Loaded Time = 1100ms
  • Pingdom : Load Time = 588 ms ; Requêtes = 12
  • Yellow Lab Tools : Poids total = 65 kb ; Poids CSS = 17,6 kb ; Poids JS = 5,5 kb ; DOM complexité = A 160 ; CSS complexité = A 973

Ocean WP

  • Page Speed Insights : Speed index = 1600 ms ; FCP = 1600 ms ; TTI = 2200 ms
  • GT Metrix : Fully Loaded Time = 1100ms
  • Pingdom : Load Time = 588 ms ; Requêtes = 19
  • Yellow Lab Tools : Poids total = 174 kb ; Poids CSS = 53,5 kb ; Poids JS = 68,9 kb ; DOM complexité = A 263 ; CSS complexité = C 3946

Kadence

  • Page Speed Insights : Speed index = 1300 ms ; FCP = 1200 ms ; TTI = 1200 ms
  • GT Metrix : Fully Loaded Time = 1100ms
  • Pingdom : Load Time = 820 ms ; Requêtes = 18
  • Yellow Lab Tools : Poids total = 100 kb ; Poids CSS = 33,1 kb ; Poids JS = 23,1 kb ; DOM complexité = A 210 ; CSS complexité = A 1697

Customify

  • Page Speed Insights : Speed index = 1900 ms ; FCP = 1800 ms ; TTI = 1800 ms
  • GT Metrix : Fully Loaded Time = 1100ms
  • Pingdom : Load Time = 596 ms ; Requêtes = 11
  • Yellow Lab Tools : Poids total = 166 kb ; Poids CSS = 39,6 kb ; Poids JS = 7,2 kb ; DOM complexité = A 367 ; CSS complexité = B 2579

C'est avec les résultats des performances du thème Customify que l'on se rend compte des limites des outils comme GT Metrix ou Pingdom. Si on ne regarde que leurs résultats, on peut considérer que Customify est au top des performances. Pourtant avec un Speed Index en retrait et une complexité dans sa construction au niveau CSS, il ne fait pas le poids face aux thèmes WordPress les plus rapides de notre test.

Zakra

  1. Page Speed InsiInsightsgth : Speed index = 1200 ms ; FCP = 1200 ms ; TTI = 1200 ms
  2. GT Metrix : Fully Loaded Time = 952ms
  3. Pingdom : Load Time = 525 ms ; Requêtes = 14
  4. Yellow Lab Tools : Poids total = 80,1 kb ; Poids CSS = 28,2 kb ; Poids JS = 8 kb ; DOM complexité = A 232 ; CSS complexité = A 1767

Suki

  • Page Speed Insights : Speed index = 1300 ms ; FCP = 1200 ms ; TTI = 1200 ms
  • GT Metrix : Fully Loaded Time = 1100ms
  • Pingdom : Load Time = 695 ms ; Requêtes = 11
  • Yellow Lab Tools : Poids total = 69,4 kb ; Poids CSS = 21,2 kb ; Poids JS = 6,3 kb ; DOM complexité = A 252 ; CSS complexité = A 1260

Sydney

  • Page Speed Insights : Speed index = 1800 ms ; FCP = 1700 ms ; TTI = 1700 ms
  • GT Metrix : Fully Loaded Time = 982ms
  • Pingdom : Load Time = 599 ms ; Requêtes = 15
  • Yellow Lab Tools : Poids total = 159 kb ; Poids CSS = 44,6 kb ; Poids JS = 41,3 kb ; DOM complexité = A 212 ; CSS complexité = B 1557