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 modifications de la façon dont les scripts sont chargés sur le front-end qui amélioreront les temps de chargement des pages et les performances de nombreux sites.

Des stratégies de chargement de scripts sont désormais intégrées dans les thèmes principaux et groupés de WordPress, améliorant les performances de chargement des 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érer), ce qui peut considérablement accélérer le temps nécessaire pour qu'une page devienne 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 spécifier 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 avec 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. , ce 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 la fonctionnalité « différer ' ajouté une fois mis en file d'attente. Le script wp-embed pour afficher les publications intégrées utilise désormais « différer ».

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 l'implémentation 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 le < ;tête> 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 pour les réponses aux commentaires, resteront dans le pied de page mais sont chargés de manière asynchrone avec 'async' afin qu'ils charger en parallèle avec d'autres ressources.

Impacts réels pour les visiteurs du site Web

Pour les visiteurs du site Web, les pages avec 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.

Image en vedette : Wirestock Creators/Shutterstock