La version WordPress 6.4 contient +100 gains de performances

La version WordPress 6.4 contient +100 gains de performances

18 octobre 2023

WordPress 6.4, sorti le 7 novembre, contient plus de 100 améliorations des performances du site, ce qui promet de faire de cette version l'une des plus importantes à obtenir immédiatement.

Cette nouvelle version poursuit la solide tendance à la hausse des performances qui, à ce jour, a presque doublé les performances moyennes de Core Web Vitals au cours des deux années écoulées depuis la proposition de créer une équipe de performance WordPress en 2021.

WordPress reconnaissait à l'époque que les performances du CMS principal lui-même relevaient de la responsabilité de WordPress.

En peu de temps l'équipe a lancé le plugin Performance Lab et a commencé à s'impliquer progressivement dans chaque modification apportée à WordPress, en s'assurant que les modifications n'introduisent pas de surcharge ou de goulots d'étranglement en termes de performances.

Leurs efforts ont été incroyablement fructueux, visibles. dans les mesures de performances des sites WordPress réels enregistrées dans le rapport technologique HTTPArchive Core Web Vitals.

Les faits parlent d'eux-mêmes :

Capture d

Capture d

Les améliorations de vitesse dans WordPress sont Une priorité

Une discussion relativement récente sur WordPress.org illustre que les performances sont une priorité absolue pour pratiquement tous les composants de WordPress en cours de développement.

Par exemple, il a été découvert que le thème par défaut (TwentyTwentyFour) fourni dans la prochaine version de WordPress (6.4) était 70 % moins performant que le précédent. thème (TwentyTwentyThree).

Ils ont comparé la page d'accueil et une seule page entre le thème par défaut précédent, TwentyTwentyThree (TT3) et TwentyTwentyFour (TT4).

WordPress a testé pour la plus grande peinture de contenu (LCP), une métrique Core Web Vitals qui mesure le temps nécessaire pour charger une page Web et le moment où l'utilisateur peut voir le plus grand bloc de texte ou d'image sur la page.

Ils ont également utilisé le délai jusqu'au premier octet. (TTFB) et LCP ensemble pour mesurer la rapidité avec laquelle le site fournit le premier « octet » de données au navigateur et le temps qu'il faut au navigateur pour restituer le balisage. Ce test révèle des inefficacités dans le balisage.

Voici le résumé du TwentyTwentyFour (TT4) tests de performances :

"Pour la page d'accueil :

  • Le temps de chargement global (LCP) est 58,8 % plus lent.
  • Les performances côté client (LCP-TTFB) sont 93,5 % plus lentes.
  • Le timing du serveur (wp-total) est 71,8 % plus lent.
< p>Pour la publication unique :

  • Le temps de chargement global (LCP) est 3,9 % plus lent.
  • Performances côté client (LCP-TTFB ) est 40,1 % plus rapide.
  • Le timing du serveur (wp-total) est 42,3 % plus lent."

"Pour la page d'accueil :

Pour la page d'accueil :
  • Le temps de chargement global (LCP) est 58,8 % plus lent.
  • Les performances côté client (LCP-TTFB) sont 93,5 % plus lentes.
  • Le timing du serveur (wp-total) est 71,8 % plus lent.
  • Le temps de chargement global (LCP) est 58,8 % plus lent.
  • Les performances côté client (LCP-TTFB) sont 93,5 % plus lentes.
  • Le timing du serveur (wp-total) est 71,8 % plus lent.
  • Pour la publication unique :

    • Le temps de chargement global (LCP) est 3,9 % plus lent.
    • Performances côté client (LCP-TTFB ) est 40,1 % plus rapide.
    • Le timing du serveur (wp-total) est 42,3 % plus lent."
  • Le temps de chargement global (LCP) est 3,9 % plus lent.
  • Performances côté client (LCP-TTFB ) est 40,1 % plus rapide.
  • Le timing du serveur (wp-total) est 42,3 % plus lent."
  • La raison pour laquelle TT4 était plus lent est parce que TT3 était plus épuré et conçu pour être étendu.

    Néanmoins, omettre les ajouts à TT4 n'était pas une option.

    Un développeur a résumé le problème comme ceci :

    Un développeur a résumé le problème comme ceci :a résumé

    "Je pense les données de référence sont très intéressantes.

    Les deux thèmes que nous comparons ne jouent pas dans la même ligue.

    TT3 a été rationalisé et conçu pour être étendu, tandis que TT4 est complet. présenté et essaie d'utiliser largement les outils de l'éditeur du site.

    Cela ne veut pas dire que les données extraites ne sont pas valides.

    En fait, cela nous montre clairement ce qu'est un véritable ressemble à un cas d'utilisation par rapport à un thème de base.

    Comme vous l'avez mentionné, TT4 n'ajoute aucune fonctionnalité en soi ; il s'agit simplement d'utiliser des modèles et d'ajouter quelques styles de blocs, donc tout ce que nous trouvons ici à corriger est susceptible de bénéficier à chaque thème de bloc existant, pas seulement à TT4, que je trouve fantastique. »

    "Je pense les données de référence sont très intéressantes.

    Les deux thèmes que nous comparons ne jouent pas dans la même ligue.

    TT3 a été rationalisé et conçu pour être étendu, tandis que TT4 est complet. présenté et essaie d'utiliser largement les outils de l'éditeur du site.

    Cela ne veut pas dire que les données extraites ne sont pas valides.

    En fait, cela nous montre clairement ce qu'est un véritable ressemble à un cas d'utilisation par rapport à un thème de base.

    Comme vous l'avez mentionné, TT4 n'ajoute aucune fonctionnalité en soi ; il s'agit simplement d'utiliser des modèles et d'ajouter quelques styles de blocs, donc tout ce que nous trouvons ici à corriger est susceptible de bénéficier à chaque thème de bloc existant, pas seulement à TT4, que je trouve fantastique. »

    À un moment donné pendant le travail de performance, les principaux contributeurs de WordPress ont réussi à obtenir un chargement 7,67 % plus rapide. temps avec le nouveau thème par défaut, meilleur que le thème précédent.

    Il est important de faire un zoom arrière et de mettre ce projet en perspective : TwentyTwentyFour (TT4)4 contient des fonctionnalités importantes que TT3 ne contient pas.

    Néanmoins, ils ont réussi à réduire la différence de performances de la page d'accueil de 71,8 % plus lentement. à seulement 10 % plus lentes.

    Les performances d'une seule page sont passées de 42,3 % plus lentes à seulement 11,7 % plus lentes.

    L'analyse des performances terminé par cette déclaration :

    L'analyse des performances terminé par cette déclaration :terminé par cette déclaration

    « Je suis très heureux d'annoncer que la plupart (sinon la totalité) des problèmes de performances côté serveur ont été résolus, via des correctifs de performances généraux qui ont atterri dans le noyau…

    « Je suis très heureux d'annoncer que la plupart (sinon la totalité) des problèmes de performances côté serveur ont été résolus, via des correctifs de performances généraux qui ont atterri dans le noyau…

    Les développeurs de WordPress ont ensuite recherché une solution afin de pouvoir proposer un meilleur thème par défaut incluant des fonctionnalités importantes mais fonctionnant toujours bien. .

    Les développeurs de WordPress ont ensuite recherché une solution afin de pouvoir proposer un meilleur thème par défaut incluant des fonctionnalités importantes mais fonctionnant toujours bien. .

    Étant donné à quel point le contenu et la présentation de TT4 sont plus riches que ceux de TT3, il s'agit d'une réalisation majeure, et il n'y a pas lieu de s'inquiéter de la différence de performances restante due à cela."

    Étant donné à quel point le contenu et la présentation de TT4 sont plus riches que ceux de TT3, il s'agit d'une réalisation majeure, et il n'y a pas lieu de s'inquiéter de la différence de performances restante due à cela."

    Plus de 100 améliorations de performances

    WordPress 6.4 contient plus de 100 améliorations de performances.

    Un announcement pour une version test des états 6.4 :

    Un announcement pour une version test des états 6.4 :announcement

    « WordPress 6.4 inclura plus de 100 mises à jour liées aux performances, y compris des améliorations aux performances de chargement des modèles pour les thèmes de bloc et les thèmes classiques, l'utilisation des nouvelles stratégies de chargement de script « différer » et « asynchrone » dans le noyau, les blocs et les thèmes, et de nouvelles fonctions pour optimiser l'utilisation des options chargées automatiquement. »

    < /blockquote>

    Ce qui suit est un aperçu des améliorations de performances à attendre lors de la sortie de WP 6.4 début novembre.

    Stratégies de chargement de scripts pour améliorer les performances

    Une < a href='https://make.wordpress.org/core/2023/10/17/script-loading-changes-in-wordpress-6-4/' target='_blank'>aperçu du nouveau Les modifications apportées au chargement des scripts dans WordPress 6.4 révèlent des mises à jour de l'utilisation des attributs différés et asynchrones dans les « scripts frontend dans les thèmes principaux et groupés », ce qui accélérera tous les sites Web WordPress.

    Ils ont également modifié la façon dont les scripts avec l'attribut « defer » sont chargés. L'attribut defer indique au navigateur de ne pas exécuter de script tant que le navigateur n'a pas fini de télécharger la totalité de la page Web. Le script peut alors commencer à s'exécuter.

    Ce qu'ils ont fait, c'est de déplacer les scripts avec l'attribut defer. defer qui se trouvaient dans la zone de pied de page jusqu'à la section d'en-tête, ce qui accélère la vitesse à laquelle ils sont exécutés.

    WordPress 6.4 ne crée plus de pages de pièces jointes

    Il s'agit d'un changement important dans WordPress qui concerne le référencement ainsi que les performances, une amélioration suggérée par le fondateur de Yoast, Joost de Valk (@jdevalk) .

    Chaque version précédente de WordPress créait une page autonome pour tout média qui était téléchargé.

    Donc, si vous avez téléchargé une image pour une page Web, WordPress créera également une page Web autonome pour cette image, tout seul.

    Yoast SEO a une fonctionnalité qui désactive cette fonctionnalité. par défaut, ce qui empêche WordPress de créer des milliers de pages de contenu mince composées d'images.

    Le problème était décrit comme ceci :

    "WordPress crée des pages de pièces jointes par défaut pour chaque pièce jointe téléchargée.

    Sur le * Dans la grande* majorité des sites, ces pages de pièces jointes sont inutiles.

    Elles existent cependant, sont explorées et parfois même classées dans les résultats de recherche, ce qui entraîne de mauvais résultats pour les utilisateurs et les propriétaires de sites.

    Je veux proposer que nous nous en débarrassions. »

    Ce comportement est corrigé dans la version 6.4 de WordPress.

    Améliorations du chargement des modèles

    Il s'agit de modifications apportées à la façon dont les modèles sont chargés et liées aux problèmes découverts avec le thème par défaut TwentyTwentyFour, qu'ils ont résolu en :

    • Introduction d'une nouvelle mise en cache
    • Suppression des vérifications inutiles pour savoir si un fichier de thème existe
    • Suppression des recherches répétées de fichiers liées aux thèmes ( rend WordPress plus rapide)
    • Ajout d'améliorations de performances modernes aux sites utilisant encore des thèmes plus anciens afin qu'ils bénéficient du chargement paresseux, du décodage asynchrone et de la priorité de récupération

    Optimisation du chargement des images pour WordPress 6.4

    Il s'agit d'une cible amélioration de la façon dont les images et les iframes sont chargées, en particulier en référence aux attributs de chargement tels que « chargement paresseux » et « fetchpriority » qui optimisent la façon dont les images et les iframes se chargent, augmentant ainsi les performances des pages Web.

    Nouvelles fonctions d'options de chargement automatique

    WordPress 6.4 sera livré avec nouvelles fonctions d'options qui permettent aux développeurs de plugins pour contrôler quelles options sont automatiquement chargées.

    Cela accélérera les sites WordPress car cela réduira le chargement inutile des options, ce qui à son tour ralentit les performances du serveur.

    Empêcher les codes de style redondants

    Ceci est un modifier la façon dont les styles sont chargés. Les styles sont du code qui indique au navigateur à quoi doit ressembler un site Web en termes de couleurs, d'espacement, de tailles de police, etc.

    Cette amélioration offre aux développeurs tiers la possibilité de gérer la façon dont les styles sont chargés afin d'éviter code redondant lors du chargement.

    La réduction du code redondant, en particulier par les développeurs tiers, est un énorme gain en termes de performances.

    < /div>

    Améliorations de la mise en cache d'objets

    WordPress 6.4 inclut des améliorations de performances de la mise en cache d'objets.

    Le cache d'objets est l'endroit où les données sont utilisées pour créer des pages Web. sont stockés afin que le site Web n'ait pas à récupérer à plusieurs reprises les ressources de la base de données.

    C'est comme si un cuisinier avait besoin d'une salière, il mettait le sel sur un comptoir à portée de main au lieu d'avoir à marcher jusqu'à l'armoire, récupérez le sel, utilisez-le puis remettez le sel dans l'armoire.

    L'annonce officielle de WordPress pour cette amélioration explique :

    « Dans WordPress 6.4, l'équipe Performance a introduit plusieurs améliorations centrées sur la mise en cache des objets, conduisant à une meilleure gestion des filtres, à une réduction des requêtes de base de données et à une amélioration de l'efficacité globale du système. »

    L'amélioration de l'efficacité globale du système semble être la recette du succès !

    WordPress 6.4 poursuit sa tendance positive en matière de performances

    Ce qu’il faut retenir ici, c’est que les performances sont un ingrédient clé dans la création du noyau WordPress. Les effets de ces améliorations se reflètent non seulement dans le CMS principal, mais également dans les thèmes et les plugins, certaines améliorations s’appliquant aux sites utilisant des thèmes et des versions WordPress plus anciennes.< /p>

    Ces améliorations se reflètent dans les données de HTTPArchive qui montrent une amélioration constante qui se poursuit avec la sortie de WordPress 6.4, actuellement prévue pour le 7 novembre 2023.

    « WordPress 6.4 inclura plus de 100 mises à jour liées aux performances, y compris des améliorations aux performances de chargement des modèles pour les thèmes de bloc et les thèmes classiques, l'utilisation des nouvelles stratégies de chargement de script « différer » et « asynchrone » dans le noyau, les blocs et les thèmes, et de nouvelles fonctions pour optimiser l'utilisation des options chargées automatiquement. »

    Ce qui suit est un aperçu des améliorations de performances à attendre lors de la sortie de WP 6.4 début novembre.

    Stratégies de chargement de scripts pour améliorer les performances

    Une < a href='https://make.wordpress.org/core/2023/10/17/script-loading-changes-in-wordpress-6-4/' target='_blank'>aperçu du nouveau Les modifications apportées au chargement des scripts dans WordPress 6.4 révèlent des mises à jour de l'utilisation des attributs différés et asynchrones dans les « scripts frontend dans les thèmes principaux et groupés », ce qui accélérera tous les sites Web WordPress.

    Ils ont également modifié la façon dont les scripts avec l'attribut « defer » sont chargés. L'attribut defer indique au navigateur de ne pas exécuter de script tant que le navigateur n'a pas fini de télécharger la totalité de la page Web. Le script peut alors commencer à s'exécuter.

    Ce qu'ils ont fait, c'est de déplacer les scripts avec l'attribut defer. defer qui se trouvaient dans la zone de pied de page jusqu'à la section d'en-tête, ce qui accélère la vitesse à laquelle ils sont exécutés.

    WordPress 6.4 ne crée plus de pages de pièces jointes

    Il s'agit d'un changement important dans WordPress qui concerne le référencement ainsi que les performances, une amélioration suggérée par le fondateur de Yoast, Joost de Valk (@jdevalk) .

    @jdevalk

    Chaque version précédente de WordPress créait une page autonome pour tout média qui était téléchargé.

    Donc, si vous avez téléchargé une image pour une page Web, WordPress créera également une page Web autonome pour cette image, tout seul.

    Yoast SEO a une fonctionnalité qui désactive cette fonctionnalité. par défaut, ce qui empêche WordPress de créer des milliers de pages de contenu mince composées d'images.

    Le problème était décrit comme ceci :

    Le problème était décrit comme ceci :décrit comme ceci

    "WordPress crée des pages de pièces jointes par défaut pour chaque pièce jointe téléchargée.

    Sur le * Dans la grande* majorité des sites, ces pages de pièces jointes sont inutiles.

    Elles existent cependant, sont explorées et parfois même classées dans les résultats de recherche, ce qui entraîne de mauvais résultats pour les utilisateurs et les propriétaires de sites.

    Je veux proposer que nous nous en débarrassions. »

    "WordPress crée des pages de pièces jointes par défaut pour chaque pièce jointe téléchargée.

    Sur le * Dans la grande* majorité des sites, ces pages de pièces jointes sont inutiles.

    Elles existent cependant, sont explorées et parfois même classées dans les résultats de recherche, ce qui entraîne de mauvais résultats pour les utilisateurs et les propriétaires de sites.

    Je veux proposer que nous nous en débarrassions. »

    Ce comportement est corrigé dans la version 6.4 de WordPress.

    Améliorations du chargement des modèles

    Il s'agit de modifications apportées à la façon dont les modèles sont chargés et liées aux problèmes découverts avec le thème par défaut TwentyTwentyFour, qu'ils ont résolu en :

    • Introduction d'une nouvelle mise en cache
    • Suppression des vérifications inutiles pour savoir si un fichier de thème existe
    • Suppression des recherches répétées de fichiers liées aux thèmes ( rend WordPress plus rapide)
    • Ajout d'améliorations de performances modernes aux sites utilisant encore des thèmes plus anciens afin qu'ils bénéficient du chargement paresseux, du décodage asynchrone et de la priorité de récupération
  • Introduction d'une nouvelle mise en cache
  • Suppression des vérifications inutiles pour savoir si un fichier de thème existe
  • Suppression des recherches répétées de fichiers liées aux thèmes ( rend WordPress plus rapide)
  • Ajout d'améliorations de performances modernes aux sites utilisant encore des thèmes plus anciens afin qu'ils bénéficient du chargement paresseux, du décodage asynchrone et de la priorité de récupération
  • Optimisation du chargement des images pour WordPress 6.4

    Il s'agit d'une cible amélioration de la façon dont les images et les iframes sont chargées, en particulier en référence aux attributs de chargement tels que « chargement paresseux » et « fetchpriority » qui optimisent la façon dont les images et les iframes se chargent, augmentant ainsi les performances des pages Web.

    amélioration de la façon dont les images et les iframes sont chargées

    Nouvelles fonctions d'options de chargement automatique

    WordPress 6.4 sera livré avec nouvelles fonctions d'options qui permettent aux développeurs de plugins pour contrôler quelles options sont automatiquement chargées.

    nouvelles fonctions d'options

    Cela accélérera les sites WordPress car cela réduira le chargement inutile des options, ce qui à son tour ralentit les performances du serveur.

    Empêcher les codes de style redondants

    Ceci est un modifier la façon dont les styles sont chargés. Les styles sont du code qui indique au navigateur à quoi doit ressembler un site Web en termes de couleurs, d'espacement, de tailles de police, etc.

    modifier la façon dont les styles sont chargés

    Cette amélioration offre aux développeurs tiers la possibilité de gérer la façon dont les styles sont chargés afin d'éviter code redondant lors du chargement.

    La réduction du code redondant, en particulier par les développeurs tiers, est un énorme gain en termes de performances.

    Améliorations de la mise en cache d'objets

    WordPress 6.4 inclut des améliorations de performances de la mise en cache d'objets.

    Le cache d'objets est l'endroit où les données sont utilisées pour créer des pages Web. sont stockés afin que le site Web n'ait pas à récupérer à plusieurs reprises les ressources de la base de données.

    C'est comme si un cuisinier avait besoin d'une salière, il mettait le sel sur un comptoir à portée de main au lieu d'avoir à marcher jusqu'à l'armoire, récupérez le sel, utilisez-le puis remettez le sel dans l'armoire.

    L'annonce officielle de WordPress pour cette amélioration explique :

    cette amélioration

    « Dans WordPress 6.4, l'équipe Performance a introduit plusieurs améliorations centrées sur la mise en cache des objets, conduisant à une meilleure gestion des filtres, à une réduction des requêtes de base de données et à une amélioration de l'efficacité globale du système. »

    « Dans WordPress 6.4, l'équipe Performance a introduit plusieurs améliorations centrées sur la mise en cache des objets, conduisant à une meilleure gestion des filtres, à une réduction des requêtes de base de données et à une amélioration de l'efficacité globale du système. »

    L'amélioration de l'efficacité globale du système semble être la recette du succès !

    WordPress 6.4 poursuit sa tendance positive en matière de performances

    Ce qu’il faut retenir ici, c’est que les performances sont un ingrédient clé dans la création du noyau WordPress. Les effets de ces améliorations se reflètent non seulement dans le CMS principal, mais également dans les thèmes et les plugins, certaines améliorations s’appliquant aux sites utilisant des thèmes et des versions WordPress plus anciennes.< /p>

    Ces améliorations se reflètent dans les données de HTTPArchive qui montrent une amélioration constante qui se poursuit avec la sortie de WordPress 6.4, actuellement prévue pour le 7 novembre 2023.