La dernière mise à jour de WordPress, version 6.4, inclut changements à 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.
Image en vedette : Créateurs de Wirestock/Shutterstock
to www.searchenginejournal.com
Abonnez-vous à notre page Facebook: https://www.facebook.com/mycamer.net
Pour recevoir l’actualité sur vos téléphones à partir de l’application Telegram cliquez ici: https://t.me/+KMdLTc0qS6ZkMGI0
Nous ecrire par Whatsapp : Whatsapp +44 7476844931