Entscheidungsregel und Grenzen
Die JavaScript-Optimierung reduziert unnötige Skriptarbeit, damit eine Seite ihre wesentlichen Inhalte und Interaktionen zügig und zuverlässig ausliefern kann. JavaScript-Arbeit konkurriert im Main Thread eines Geräts um Rechenzeit. Optimierung bedeutet, Arbeit zu reduzieren, zurückzustellen oder aufzuteilen, die für die erste nützliche Seite nicht nötig ist. Wesentliche Interaktionen und barrierefreie Inhalte bleiben dabei verfügbar.
So prüfen Sie es
Prüfen Sie für eine repräsentative Route den Request-Wasserfall, das gerenderte Ergebnis, lange Tasks und den Anteil der Drittanbieter-Skripte. Wiederholen Sie die Prüfung mit einem eingeschränkten Mobilprofil. Unterscheiden Sie dabei eine große, aber unkritische Datei von einem Skript, das die Interaktion tatsächlich blockiert.
Praktischer Ablauf
Entfernen Sie eine ungenutzte Abhängigkeit, bevor Sie einen Loader hinzufügen. Stellen Sie danach nicht kritische Funktionen zurück, teilen Sie routenspezifische Funktionen per Code-Splitting auf und testen Sie die echte Interaktion, die die Änderung motiviert hat. Testen Sie mit aktiviertem und, wo sinnvoll, deaktiviertem JavaScript.
Häufige Fehler und Grenzen der Messung
Eine geringere Bundle-Größe ist für sich genommen kein Nutzerergebnis. Die Arbeit kann sich zur Hydrierung, zur Netzwerklatenz oder zu einer anderen Route verschieben. Prüfen Sie deshalb nach jeder Änderung Rendering, Interaktion, Fehler und Barrierefreiheit. Der typische Fehler ist, ein Bundle zu minifizieren und anzunehmen, das habe Rendering-, Serverantwort- oder Bildprobleme gelöst.