Retour

Ressources JavaScript inutilisées

Qu'est-ce qu'une ressource JavaScript non utilisée ?

Il s'agit d'un script JavaScript inclus par la page dont le code n'est pas ou quasiment pas utilisé par celle-ci (utilisation inférieure à 25%). Par exemple, la page charge un module JavaScript proposant une multitude d'utilitaires et elle n'utilise que la fonction nécessaire au formatage des dates.

Pourquoi est-il utile de les éviter ?

Le fait de charger une ressource inutilisée alourdit inutilement le poids global de la page et retarde son chargement. Par ailleurs, la navigateur doit également interpreter le code, ce qui retarde davatange le délai d'intéraction pour l'utilisateur. Même si le script est chargé de manière asynchrone et n'est pas nécessaire au premier rendu, le code entre en concurrence pour la bande passante avec d'autres ressources pendant le téléchargement, ce qui a des implications significatives sur les performances. Il est donc judicieux de retravailler/retirer ces scripts afin d'améliorer la rapidité de la page et l'expérience utilisateur.

Comment gérer une ressource JavaScript inutilisée ?

Avant d'intervenir sur les fichiers JavaScript, il est nécessaire de comprendre que l'analyse de page se focalise sur l'optimisation de celle-ci sans tenir compte de la globalité du site. Ainsi un script inutilisé sur une certaine page, peut l'être sur une autre. Le regroupement de différents codes utiles au site dans un même fichier n'est pas une mauvaise chose. Il est donc important de vérifier cet aspect avant d'intervenir et d'ignorer ce critère si le script relevé est utile globalement.

De manière générale, pour solutionner ce problème, il est nécessaire de :

  • retirer la balise <script> du code HTML de la page si celui-ci n'est pas utilisé
...
    <script src="scripts/inutile.js"></script>
...
  • retirer le code inutilisé du script afin d'alléger son poids et le délai d'interpretation nécessaire au navigateur
  • segmenter, si possible, les différents codes dans plusieurs fichiers et ne charger que celui d'utile pour la page