Scanner JS
Analyse complète des performances JavaScript, de la couverture de code et des erreurs
Avantages
Analyse du Total Blocking Time
Mesurez combien de temps le thread principal est bloqué par JavaScript. Identifiez les tâches longues qui dégradent l'interactivité et augmentent le Time to Interactive.
Détection du code inutilisé
Répartition fichier par fichier du JavaScript inutilisé avec le nombre exact d'octets. Trouvez rapidement le code mort et les bundles surdimensionnés qui ralentissent le chargement de la page.
Audit de la stratégie de chargement des scripts
Visualisez quels scripts bloquent le rendu par rapport à ceux en async ou defer. Repérez les scripts tiers qui retardent le First Contentful Paint.
Suivi des erreurs d'exécution et des dépréciations
Capturez les erreurs de console, les exceptions non interceptées avec leurs stack traces, et l'utilisation d'API de navigateur dépréciées — le tout en un seul scan.
Comment ça marche
Outils
FAQ
Le TBT mesure le temps total pendant lequel le thread principal est bloqué par des tâches JavaScript longues (plus de 50 ms chacune). Un TBT élevé signifie que la page semble lente car les interactions utilisateur sont retardées tant que les scripts n'ont pas fini de s'exécuter.
L'outil utilise l'API de couverture de code intégrée à Chrome pour suivre quels octets de chaque fichier de script sont réellement exécutés lors du chargement de la page. Tout ce qui n'est pas exécuté est signalé comme inutilisé, affiché en pourcentage par fichier.
Un script chargé sans les attributs async ou defer bloque le parseur HTML jusqu'à son téléchargement et son exécution. Cela retarde le rendu. L'audit signale chaque script de ce type afin que vous puissiez ajouter async/defer ou le déplacer en bas de la page.
Oui. Chaque script est classé comme propriétaire ou tiers. Vous pouvez voir quels scripts externes bloquent le rendu, quelle quantité de code inutilisé ils génèrent, et s'ils déclenchent des erreurs ou des appels à des API dépréciées.
Si vos scripts incluent des source maps, l'outil les analyse pour construire un treemap visuel de chaque module à l'intérieur de chaque bundle — affichant les tailles exactes et la couverture de code afin que vous puissiez identifier les dépendances à optimiser ou supprimer.