WordPress 5.0 vs. 4.9 - Le test de performance

Jan Hornung Dernière mise à jour le 21.10.2020
8 Min.
WordPress  5.0 et Gutenberg_Comparaison des performances
Dernière mise à jour le 21.10.2020

La mise à jour de WordPress 5.0 est pour bientôt. Cependant, la date exacte de sortie dépend de la date à laquelle le nouvel éditeurWordPress alias "Gutenberg" sera prêt pour le noyau du WP. De nombreux utilisateurs du WP craignent des problèmes avec Plugins, Themes et les performances de leur site après la mise à jour. C'est pourquoi nous avons examiné de plus près la mise à jour et mesuré si WordPress 5.0 conduit effectivement aux pertes de temps de chargement redoutées.

Mise à jour : L'article fait référence à un test que nous avons fait dans la phase alpha de Gutenberg-Plugins . Le 6 décembre 2018, WordPress 5.0 est sorti avec le Gutenberg-editor. Dans notre livre électronique, vous apprendrez ce que le nouvel éditeur signifie pour votre entreprise et comment préparer votre site web pour Gutenberg . Pour savoir si Gutenberg peut suivre les constructeurs de pages établis dans l'intervalle, consultez cet article sur Tariq Baig.

EBook Gutenberg et WordPress 5.0

La prochaine mise à jour de WordPress vers la version 5.0 a un acteur principal : l'éditeur dit Gutenberg. Après l'intégration dans WP-Core, cependant, ce nom de projet sera de l'histoire ancienne afin de ne pas confondre inutilement les nouveaux utilisateurs de WordPress . Du moins, c'est le plan. Mais d'abord, venons-en à la question la plus importante : qu'est-ce exactement que l'éditeur de Gutenberg de toute façon ?

Gutenberg devrait WordPress révolutionner

Si vous connaissez déjà les bases deGutenberg, passez directement à notre comparaison des performances entreWordPress 4.9 et WordPress 5.0.

Avec la mise à jour majeure vers la version WordPress 5.0, Gutenberg remplacera bientôt l'éditeur classique TinyMCE, que les utilisateurs de WP utilisent depuis plus de 10 ans pour créer des articles et des pages sans grande connaissance du HTML. Cependant, si vous souhaitez créer des mises en page plus complexes, l'éditeur TinyMCE sans connaissance du HTML et des shortcodes atteint rapidement ses limites.

Gutenberg vise à supprimer cet obstacle afin de le rendre WordPress encore plus accessible et convivial. Le principe de base du nouvel éditeur est une série de blocs qui offrent des fonctions spéciales. Par exemple, il y a des blocs pour les titres, le texte, les colonnes, les citations, les listes, les images, les vidéos, les widgets, et et et.

WordPress 5.0 apporte plus de JavaScript et utilise l'API WordPress REST

Le nouvel éditeur apporte un autre changement : JavaScript : "La plupart des développeurs de WordPress sont assez à l'aise avec PHP et le développement frontal, bien que les blocs de Gutenberg soient fortement basés sur JavaScript", écrit le développeur WP Rich Tabor dans son Guide d'initiation à la construction Gutenberg Blocks. Ce n'est pas pour rien que le co-fondateur de WordPress , Matt Mullenweg, a déjà déclaré à la communauté WP dans le État de la planète 2015 il a donné à la communauté WP le devoir "Apprenez le JavaScript en profondeur !

En raison de ces changements fondamentaux dans WordPress 5.0, nous sommes curieux de voir comment l'utilisation par Gutenberg de JavaScript et du WordPress REST API affectera la performance de diverses pages de WordPress . Après tout, cela déplace une grande partie de l'effort de calcul du serveur web vers le client, ce qui devrait se traduire par des temps de chargement plus rapides sous charge. Mais nous y reviendrons dans un instant.

WordPress 5.0 est un pas vers le Pagebuilder

Au sein de la communauté WP, on dit souvent que WordPress offre aux utilisateurs "What you see is what you get" (WYSIWYG). Cependant, la réalité est souvent différente. Toute personne qui travaille avec WordPress sait que vous n'obtenez pas toujours sur votre page ce que vous avez vu en arrière-plan.

Gutenberg devrait combler cette lacune et rapprocher WordPress du WYSIWYG. A ce sujet et aux nouvelles possibilités par la Gutenberg-Editeur je peux vous la présentation par Morten Rand-Hendriksen et Mullenwegs État du monde 2017 de WordCamp US.

Le fait est que Gutenberg ne sera initialement présenté qu'au niveau des rédacteurs, mais ce n'est qu'un début. Car la vision de Mullenweg est de la rendre entièrement WordPress basée sur les blocs afin de suivre la concurrence des kits de construction de sites web comme Wix, Medium and Co.

L'étape suivante - donc ce qui vient après ce que vous venez de voir, lorsque nous avons terminé l'expérience de montage, est la personnalisation du site Gutenberg. - Matt Mullenweg, État du monde 2017

À l'avenir, cela pourrait conduire à un changement de paradigme, en WordPress s'éloignant de la structure plugins familière et en se themes rapprochant d'un seul et unique grand constructeur de pages.

WordPress 5.0 suscite des inquiétudes en raison de la "contrainte de Gutenberg"

Le fait que Gutenberg ait été WordPress 5.0 devient l'éditeur par défaut, c'est-à-dire WordPress est pratiquement imposée aux utilisateurs, tout le monde n'aime pas ça. plugin et theme les fabricants doivent, par exemple, vérifier la compatibilité de leurs produits avec Gutenberg, les adapter si nécessaire ou les repenser complètement.

Également pour les opérateurs de WordPress les pages soulèvent de plus en plus de questions : Comment cela affecte-t-il mon entreprise ? Power WordPress 5.0 mon côté plus lent ? Le mien fonctionnera-t-il plugins encore ? La mise à jour m'aidera-t-elle si je n'utilise pas du tout l'éditeur ?

C'est pourquoi nous nous détachons aujourd'hui de la discussion sur Gutenberg, bloque et co et nous nous consacrons aux questions suivantes :

1. Y a-t-il une différence de performance entre WordPress 5.0 et 4,9 ?

2. compte tenu des incertitudes actuelles, devriez-vous passer à la version WordPress 5.0 ?

Comparaison des temps de chargement : WordPress 4.9 contre WordPress 5.0

Pour notre comparaison systématique des deux WordPress versions, nous avons choisi deux indicateurs clés de performance : le temps de chargement des pages pour un seul appel et le comportement des pages en cours de chargement.

Pour la comparaison des temps de chargement, nous avons préparé quatre pages échantillons dont nous avons systématiquement comparé les temps de chargement sous les WP 4.9.4 et WP 5.0 (en 5.0-alpha-42852). Pour cela, nous avons utilisé l'outil Webpagetest outil à cet effet.

Et pour le dire d'avance, il n'y a pas de différences sérieuses.

Le test 1 : WordPress 5.0 tend à ralentir une page WP vide

Dans le premier test, nous avons comparé les temps de chargement d'une page WP complètement vide sous WordPress 5.0 et 4.9. Le résultat : le temps au premier octet (TTFB) et le temps de chargement perçu de la page (Load Time) ont légèrement augmenté avec WordPress 5.0. Le temps de chargement total a légèrement diminué. Au plus tard lorsque l'on regarde les résultats mis en cache, cette différence est complètement égalisée.

La conclusion de ce premier test : les différences dans les valeurs mesurées sont probablement des fluctuations dans la mesure elle-même et non des différences systématiques de temps de chargement.

Test 1 : Temps de chargement des pages WP vierges
Sur les deux BOÎTES DE DÉMO testées, le Theme Vingt-sept est actif et les Themes Twenty Sixteen et Twenty Fifteen sont installés. Il n'y a pas de Plugins sur la page. Le cacheRAIDBOXES est actif sur les deux pages.

Test 2 : Comment une boutique en ligne se comporte-t-elle en dessous de la version WordPress 5.0 ?

Dans un deuxième temps, nous avons utilisé la même configuration de test pour un magasin d'échantillons. Ici, la page d'accueil du magasin a été appelée dans chaque cas. En plus de WooCommerce , plus de 50 autres Plugins ont été installés sur la page de test, dont plus de 45 étaient actifs pendant le test.

Le magasin équipé de produits et de passerelles de paiement en fonctionnement ne présente pas non plus de différences majeures dans le test en ce qui concerne les indicateurs de performance importants.

Le TTFB, le temps de chargement et l'indice de vitesse du webpagetest ne varient que légèrement. Ici aussi, les différences sont encore plus faibles avec les appels en cache.

Test 2 : Exemple de magasin sous WordPress 5.0
En particulier dans l'état de la mémoire cache, vous pouvez clairement voir que les différences entre les deux WordPress versions sont négligeables.

Conclusion pour les propriétaires de magasins : avec un magasin réaliste et assez étendu, nous n'avons pas pu trouver de différences systématiques entre le WP 4.9.4 et le WP 5.0 - un bon signe !

Test 3 : Comment un blog se comporte-t-il en vertu de la version WordPress 5.0 ?

Même dans notre test avec un blog typique - avec une connectivité étendue aux médias sociaux et plus de 20 plugins, comme Yoast SEO, WP Smush, Akismet et Contact Form 7, il n'y a pas vraiment de grandes différences dans les paramètres importants du temps de chargement : le temps de réponse du serveur, le temps de chargement perçu et le temps de chargement total ne diffèrent que légèrement entre les WordPress versions.

Conclusion : en regardant l'indice de vitesse et l'événement Start Render, le blog semble se charger un peu plus vite sous le WP 4.9.4, mais dans l'ensemble, il n'y a probablement pas de différences significatives.

Test 3 : Exemple de blog WordPress 5.0
Dans le test du temps de chargement du blog, les différences semblent être légèrement plus importantes, mais des différences vraiment impressionnantes n'apparaissent pas.

Test 4 : Qu'en est-il d'un site d'entreprise inférieur à WordPress 5.0 ?

Sur la page de l'entreprise que nous avons testée, des différences intéressantes apparaissent pour la première fois : bien que la TTFB, l'événement Start Render et l'indice de vitesse soient assez proches les uns des autres, il y a une grande différence de 1,8 seconde dans le temps de chargement total perçu.

Cependant, cette valeur peut s'expliquer par une ressource défectueuse. Si l'on supprime cette fonction, les valeurs du temps de chargement s'égaliseront à nouveau. La conclusion est donc la même ici : La page d'entreprise que nous avons testée avec Custom theme et 9 (comprenant plugins WPML, Advanced Custom Fields et un outil pour les pages de renvoi) ne montre aucune différence pertinente entre WordPress 4.9.4 et WordPress 5.0.

Test 4 : Exemple d'entreprise page WordPress 5.0
La différence de temps de chargement s'est stabilisée après que nous ayons retiré la ressource défectueuse. Ainsi, le test ci-dessus est un exemple parfait de la sensibilité des mesures de temps de chargement aux plus petites erreurs, comme une image défectueuse.

Conclusion provisoire : WordPress 5.0 n'est pas un mangeur de performance

Nos premières analyses avec une version alpha de WordPress 5.0 montrent que la nouvelle version WP ne sera probablement pas un glouton de la performance - du moins pas dans le frontend. Peu importe si avec ou Gutenberg: Selon nos mesures, il n'y a pas de différences pertinentes. Du point de vue des performances, rien ne s'oppose à une mise à jour de WordPress 5.0.

Bien au contraire : au vu des résultats de notre test de charge, la mise à jour pourrait bien en valoir la peine.

Important : Bien entendu, ces résultats peuvent encore évoluer dans le temps. Les sites Plugins et Themes et leur compatibilité avec la nouvelle version WP joueront également un rôle décisif à cet égard.

Le test 4 : WordPress 5.0 montre une meilleure manipulation des charges

Outre le temps de chargement d'une page, il est également important de savoir combien d'accès simultanés la page peut gérer avant qu'elle n'atteigne un délai d'attente. Et c'est là que vous pouvez voir les véritables différences entre le WP 4.9.4 et la version WordPress 5.0 que nous avons testée.

Pour notre test, nous avons créé une page WP vide avec l'outil Chargeur.io avec 500, 750 et 1.000 requêtes non cachées par minute et le résultat est remarquable. Alors que la page avec le WP 4.9.4 descend déjà à 750 demandes par minute et affiche un temps de réponse moyen (c'est-à-dire le temps au premier octet) de 4,9 secondes, la page avec WordPress 5.0 est beaucoup plus résistante au stress.

Même avec 1 000 demandes, la durée moyenne d'attente du site est toujours de 863 millisecondes - pas bonne mais stable. Cela représente moins d'un neuvième de la valeur de la page avec WordPress 4.9.4.

Test 5 : Test de chargement d'une page WP vide

Nous avons honnêtement trouvé cette différence difficile à croire, mais même sur les troisième, quatrième et cinquième manches, les différences sont restées stables.

Ce résultat nous a tellement surpris que nous avons également effectué le même test avec l'outil de référence Apache en arrière-plan. Ici aussi, le résultat est étonnant : la page sous WordPress 5.0 peut traiter 50 % de demandes de plus que la page sous WordPress 4.9.4.

En raison de l'optimisation du code source dans la version WordPress 5.0, certaines ressources du côté serveur sont économisées ici. Cela signifie que les ressources disponibles peuvent traiter un plus grand nombre de demandes à la fois.

Conclusion : le WordPress 5.0 nous a surpris positivement

L'ampleur finale des changements apportés par WordPress 5.0 aux performances de votre site ne sera claire que dans la version bêta et la version complète. Cependant, une chose est sûre : WordPress 5.0 fonctionne sous charge de manière beaucoup plus stable que la version 4.9.4 de notre test.

Du point de vue de la compatibilité des charges, nous ne pouvons que recommander la mise à jour vers WordPress 5.0 pour le moment. Toutefois, comme mentionné ci-dessus, de nombreux éléments peuvent encore changer avant la diffusion, y compris ces résultats d'essais. 

En outre, nous nous sommes entièrement concentrés sur les performances dans ces tests. Une fois que la version bêta de WordPress 5.0 sera disponible, nous examinerons également la compatibilité avec Plugins et Themes et la fonctionnalité générale de l'éditeur Gutenberg. Ce n'est qu'alors que nous pourrons faire une recommandation de mise à jour définitive. Nous garderons donc un œil sur ce sujet et espérons pouvoir vous fournir bientôt de nouvelles données.

Avez-vous déjà testé la version WordPress 5.0 ou le GutenbergPlugin ? Alors laissez-moi un commentaire, je suis impatient de vivre d'autres expériences !

RAIDBOXER depuis le début et chef du soutien. Aux Bar- et WordCamps, il aime parler de la vitesse des pages et des performances des sites web. La meilleure façon de le soudoyer est de lui offrir un espresso - ou un bretzel bavarois.

Articles connexes

Commentaires sur cet article

Laisse un commentaire

Ton adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués d'un *.