Milten.ioMilten

JS-Scanner

Umfassende Analyse von JavaScript-Performance, Code-Abdeckung und Fehlern

Vorteile

Total Blocking Time Analyse
Messen Sie, wie lange der Hauptthread durch JavaScript blockiert wird. Identifizieren Sie lange Aufgaben, die die Interaktivität beeinträchtigen und die Time to Interactive erhöhen.
Erkennung von ungenutztem Code
Dateiweise Aufschlüsselung von ungenutztem JavaScript mit genauen Byte-Angaben. Finden Sie schnell toten Code und übergroße Bundles, die das Laden der Seite verlangsamen.
Audit der Skript-Ladestrategie
Sehen Sie, welche Skripte das Rendering blockieren und welche async oder defer geladen werden. Erkennen Sie Drittanbieter-Skripte, die den First Contentful Paint verzögern.
Laufzeitfehler- & Deprecation-Tracking
Erfassen Sie Konsolenfehler, nicht abgefangene Ausnahmen mit Stack-Traces und veraltete Browser-API-Nutzung — alles in einem einzigen Scan.

So funktioniert's

Werkzeuge

HTML validieren
Barrierefreiheit
JS-Scanner
CSS-Analyse
Design-Tokens

FAQ

TBT misst die Gesamtzeit, in der der Hauptthread durch lange JavaScript-Aufgaben (jeweils über 50 ms) blockiert wird. Ein hoher TBT-Wert bedeutet, dass sich die Seite träge anfühlt, weil Benutzerinteraktionen verzögert werden, bis die Skripte ausgeführt sind.

Das Tool nutzt die integrierte Code-Coverage-API von Chrome, um zu erfassen, welche Bytes jeder Skriptdatei tatsächlich beim Seitenaufbau ausgeführt werden. Alles, was nicht ausgeführt wird, wird als ungenutzt markiert und als Prozentsatz pro Datei angezeigt.

Ein Skript, das ohne async- oder defer-Attribute geladen wird, blockiert den HTML-Parser, bis es heruntergeladen und ausgeführt ist. Das verzögert das Rendering. Das Audit kennzeichnet jedes solche Skript, damit Sie async/defer hinzufügen oder es ans Ende der Seite verschieben können.

Ja. Jedes Skript wird als Erstanbieter oder Drittanbieter klassifiziert. Sie können sehen, welche externen Skripte das Rendering blockieren, wie viel ungenutzten Code sie beitragen und ob sie Fehler oder veraltete API-Aufrufe auslösen.

Wenn Ihre Skripte source maps enthalten, analysiert das Tool diese, um eine visuelle Treemap jedes Moduls innerhalb jedes Bundles zu erstellen — mit genauen Größen und Code-Abdeckung, damit Sie gezielt erkennen, welche Abhängigkeiten Sie optimieren oder entfernen sollten.
Wir verwenden Cookies

Wir verwenden Cookies, um Ihnen die beste Erfahrung auf unserer Website zu bieten. Weitere Informationen zur Verwendung von Cookies finden Sie in unserer Cookie-Richtlinie.