Lorsque l'exécution de votre code JavaScript prend beaucoup de temps, cela ralentit les performances de votre page de plusieurs manières:
Coût du réseau
Plus le nombre d'octets est élevé, plus les temps de téléchargement sont longs.
Coût d'analyse et de compilation
JavaScript est analysé et compilé sur le thread principal. Lorsque le thread principal est occupé, la page ne peut pas répondre à l'entrée utilisateur.
Coût d'exécution
JavaScript est également exécuté sur le thread principal. Si votre page exécute beaucoup de code avant que cela ne soit vraiment nécessaire, cela retarde également votre délai avant interactivité, qui est l'une des métriques clés liées à la façon dont les utilisateurs perçoivent la vitesse de votre page.
Coût lié à la mémoire
Si votre code JavaScript conserve de nombreuses références, il peut consommer beaucoup de mémoire. Les pages semblent saccadées ou lentes lorsqu'elles consomment beaucoup de mémoire. Une fuite de mémoire peut entraîner le blocage complet de votre page.
Échec de l'audit du temps d'exécution JavaScript de Lighthouse
Lighthouse affiche un avertissement lorsque l'exécution de JavaScript prend plus de deux secondes. L'audit échoue lorsque l'exécution prend plus de 3,5 secondes:
Pour vous aider à identifier les principaux contributeurs au temps d'exécution, Lighthouse indique le temps consacré à l'exécution, à l'évaluation et à l'analyse de chaque fichier JavaScript chargé par votre page.
Accélérer l'exécution JavaScript
- Envoyez uniquement le code dont vos utilisateurs ont besoin en implémentant le code de division.
- Réduisez la taille de votre code et compressez-le.
- Supprimez le code inutilisé.
- Réduisez les trajets réseau en mettant en cache votre code avec le modèle PRPL.
Pour découvrir d'autres façons d'améliorer le chargement des pages, consultez la page de destination des audits de performances.
Ressources
Code source pour l'audit Réduire le temps d'exécution JavaScript