Retour

Bibliothèques volumineuses

Qu'est-ce qu'une bibliothèque JavaScript ?

Une bibliothèque est une ressource tierce intégrée à la page contenant du code JavaScript. Elle apporte un ensemble de fonctionnalités supplémentaires au navigateur. L'intégration de la bibliothèque s'effectue grâce à la balise HTML <script>.

Par exemple, la bibliothèque D3.js permet de réaliser différents types de graphique très rapidement.

<script src="https://d3js.org/d3.v6.min.js"></script>

Pourquoi est-il important qu'elles soient légères ?

Les bibliothèques JavaScript volumineuses peuvent entrainer de mauvaises performances du fait qu'elles consomment davatange les ressources du navigateur lors de leur interprétation, et alourdissent la charge réseau nécessaire à leur téléchargement. Il est donc intéressant d'utiliser des bibliothèques légères afin d'améliorer le chargement de la page ainsi que le délai d'intéractivité.

Que faire des bibliothèques volumineuses ?

Lorsqu'une bibliothèque possède une alternative plus légère, ou offrant moins de fonctionnalités mais comblant l'utilité que vous en faites, il est intéressant de remplacer celle-ci. Le remplacement d'une bibliothèque JavaScript n'est pas quelque chose d'anodin puisque vous devez intervenir dans le code, et modifier l'ensemble des appels utilisant l'ancienne bibliothèque pour la nouvelle.

Par l'exemple, la bibliothèque "Moment", qui permet de manipuler les dates, peut être remplacée par "dayjs", ce qui allège le poids de la page de 69Ko.