Qu'est-ce que l'exécution des scripts ?
Il s'agit du temps consacré à l'analyse, le compilation et l'exécution du code JavaScript par le navigateur. Ces étapes son indispensables après le chargement des scripts afin que la page puisse profiter des fonctionnalités et comportements définis. L'exécution principale est appelée "main thread" (il est possible de décharger certains traitements sur des "threads" secondaires), il s'agit vulgairement du processus principal en charge du rendu et de l'intéractivité de la page.
Pourquoi est-elle importante ?
Lorsque la page inclut énormément de code JavaScript, celui-ci dégrade les performances de la page sur plusieurs points :
- un délai de chargement ralenti par le poids des scripts à télécharger
- une perte d'intéractivité quant aux actions des utilisateurs du fait d'une solicitation trop importante du "main thread" qui ne peut pas répondre
- un coût d'interprétation plus important, surtout si la page exécute beaucoup de code avant d'en avoir besoin, ce qui retarde le délai d'intéractivité
- une consommation mémoire importante ce qui peut donner des effets de lenteur et de saccade aux utilisateurs
Comment l'améliorer ?
Lorsqu'une page souffre de lenteur due à une éxécution de scripts trop importante, il est utile de :
- retirer les scripts inutilisés de la page
- retirer le code inutilisé des scripts
- diviser le code JavaScript dans des fichiers séparés et ne charger que ceux utiles à la page
- différer l'exécution de certaines tâches dans le code JavaScript
- diminuer de manière générale l'utilisation de scripts dans la page
