Temps d’exécution JavaScript

Silktide mesure le temps que le navigateur consacre à l’exécution des scripts pendant le chargement de votre page. Un travail lourd côté script empêche la page de réagir, si bien qu’une page peut sembler chargée tout en ignorant les interactions tactiles et les clics pendant plusieurs secondes.

Pourquoi c’est important

Télécharger un script n’est que le premier coût. Le navigateur doit ensuite l’analyser et l’exécuter, et tout cela se fait sur le même fil d’exécution qui gère le défilement, la saisie et les interactions tactiles. Pendant que les scripts s’exécutent, la page est sourde : les boutons ne répondent pas et la page semble brisée même si elle paraît terminée.

Contrairement au temps de téléchargement, ce coût varie selon le processeur du visiteur : un script qui s’exécute en une demi-seconde sur la machine d’un développeur peut prendre plusieurs secondes sur un téléphone à petit budget. Les visiteurs avec les appareils les moins coûteux attendent le plus longtemps.

Comment y remédier

Livrez moins de . Supprimer le code inutilisé est le gain le plus direct — voir JavaScript inutilisé.
Scindez les gros bundles et ne chargez le code pour les fonctionnalités sous la ligne de flottaison ou déclenchées par l’interaction qu’au besoin, afin que le chargement initial n’exécute que ce que nécessite le premier écran.
Auditez les scripts tiers, qui dominent souvent le temps d’exécution — voir Code tiers. Supprimez ceux dont la valeur ne justifie pas le coût.
Déplacez les calculs réellement lourds dans un Web Worker, qui s’exécute sur un fil distinct et laisse la page réactive.

Comment Silktide teste ceci

Chargez la page dans un vrai navigateur, en utilisant le type d’appareil, la vitesse de connexion et l’emplacement de test configurés pour vos tests de vitesse.
Mesurez le temps de traitement consommé par chaque script pendant le chargement, réparti entre l’exécution du code (évaluation du script) et sa préparation à l’exécution (analyse, parsing).
Signalez les scripts ayant consommé un temps significatif, avec un détail par fichier. Lorsque le temps total d’exécution est faible, aucun script individuel n’est répertorié.
Attribuez une note à la page selon le total : moins de 2 secondes est bon, et environ 3,5 secondes ou plus est jugé médiocre.

Dépannage

Un script tiers arrive en tête de liste

L’analytique, les gestionnaires de balises, les publicités et les modules de clavardage exigent souvent plus de temps d’exécution que le code propre au site. Vous ne pouvez pas optimiser leur fonctionnement interne, mais vous pouvez les charger plus tard, les remplacer par des solutions plus légères ou éliminer ceux que personne n’utilise.

La page semble rapide sur ma machine

Le temps d’exécution dépend du processeur. Les machines des développeurs sont généralement plusieurs fois plus rapides que les téléphones de milieu de gamme utilisés par la plupart des visiteurs; ainsi, une charge qui vous paraît imperceptible peut représenter plusieurs secondes pour eux. Les chiffres mesurés proviennent d’un test contrôlé, pas de votre matériel.