La mise à jour de WordPress améliore la vitesse des pages grâce à un chargement de script plus intelligent

La dernière mise à jour de WordPress, version 6.4, inclut des modifications dans la façon dont les scripts sont chargés sur le front-end, ce qui améliorera les temps de chargement des pages et les performances de nombreux sites.

Les stratégies de chargement de scripts sont désormais intégrées aux thèmes principaux et groupés de WordPress, améliorant ainsi les performances de chargement de scripts avec des attributs différés et asynchrones.

Ces attributs demandent au navigateur de charger les scripts en arrière-plan (asynchrone) ou après le chargement du reste de la page (différé), ce qui peut accélérer considérablement le temps nécessaire à une page pour devenir interactive.

Chargements de pages plus rapides grâce à la gestion intelligente des scripts

Auparavant, les fichiers JavaScript inclus dans les thèmes et plugins WordPress étaient chargés sans préciser qu’ils devaient se charger de manière asynchrone. Cela signifiait qu’ils bloquaient d’autres téléchargements et retardaient le rendu des pages pendant leur récupération et leur exécution.

Pour les visiteurs du site Web, les pages contenant du contenu WordPress se chargeront plus rapidement après une mise à jour, améliorant spécifiquement la première métrique Contentful Paint (FCP) du CWV, qui affecte la vitesse à laquelle la page apparaît en premier.

Dans les coulisses : comment WordPress y est parvenu

Les fichiers JavaScript pour les blocs tels que les menus de navigation et les médias intégrés de WordPress.com ont désormais « différé » ajouté lorsqu’ils sont mis en file d’attente. Le script wp-embed pour afficher les publications intégrées utilise désormais « defer ».

Auparavant, la possibilité d’ajouter ces attributs n’était pas standardisée. Avec l’introduction d’une API dédiée dans WordPress 6.3 et la mise en œuvre complète dans la version 6.4, les développeurs disposent désormais d’un moyen standardisé de contrôler le moment où leurs scripts se chargent.

De plus, la mise à jour déplace les scripts les plus différés dans la section puisqu’ils ne bloquent plus le rendu. Cela permet au navigateur de les découvrir et de les mettre en cache plus tôt, améliorant ainsi les performances.

Quelques scripts de moindre priorité, comme celui des réponses aux commentaires, resteront dans le pied de page mais sont chargés de manière asynchrone avec « async » afin qu’ils se chargent en parallèle avec d’autres ressources.

Impacts réels pour les visiteurs du site Web

Pour les visiteurs du site Web, les pages contenant du contenu WordPress se chargeront plus rapidement après la mise à jour. Il y aura moins de « saccades » ou de déplacements des éléments de la page après la première apparition de la page.

Ces changements jettent les bases d’optimisations encore meilleures à l’avenir.