Temps d’exécution JavaScript

Silktide mesure le temps que le navigateur passe à exécuter des scripts pendant le chargement de votre page. Un travail JavaScript lourd empêche la page de répondre, si bien qu’une page peut paraître chargée tout en ignorant les appuis 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 thread qui gère le défilement, la saisie et les appuis. Pendant que les scripts s’exécutent, la page est sourde : les boutons ne répondent pas et la page semble cassée, même si elle paraît terminée.

Contrairement au temps de téléchargement, ce coût dépend du 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 d’entrée de gamme. Les visiteurs dotés des appareils les moins chers attendent le plus longtemps.

Comment y remédier

Fournissez moins de . Supprimer le code inutilisé est le gain le plus direct — voir JavaScript inutilisé.
Scindez les gros bundles et chargez le code pour les fonctionnalités sous la ligne de flottaison ou déclenchées par l’interaction uniquement lorsque c’est nécessaire, afin que le chargement initial n’exécute que ce dont le premier écran a besoin.
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 thread séparé et laisse la page réactive.

Comment Silktide le teste

Charge 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.
Mesure le temps de traitement consommé par chaque script pendant le chargement, en le répartissant entre l’exécution du code (évaluation du script) et sa préparation à l’exécution (analyse).
Indique les scripts qui ont consommé un temps significatif, avec un détail par fichier. Lorsque le temps total d’exécution est faible, aucun script individuel n’est listé.
Attribue une note en fonction du total : moins de 2 secondes, c’est bon ; aux environs de 3,5 secondes ou plus, c’est jugé médiocre.

Dépannage

Un script tiers est en tête de liste

Les outils d’analytics, les gestionnaires de balises, les publicités et les widgets de chat coûtent souvent plus de temps d’exécution que le code du site lui-même. Vous ne pouvez pas optimiser leur fonctionnement interne, mais vous pouvez les charger plus tard, les remplacer par des alternatives plus légères ou supprimer 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, si bien qu’un budget de temps imperceptible pour vous peut représenter plusieurs secondes pour eux. Les chiffres mesurés proviennent d’un test contrôlé, pas de votre matériel.