Wenn JavaScript sehr lange dauert, verlangsamt es die Seitenleistung in vielerlei Hinsicht:
Netzwerkkosten
Mehr Byte bedeuten längere Downloadzeiten.
Analyse- und Kompilierungskosten
JavaScript wird im Hauptthread geparst und kompiliert. Wenn der Hauptthread nicht verfügbar ist, kann die Seite nicht auf Nutzereingaben reagieren.
Ausführungskosten
JavaScript wird auch im Hauptthread ausgeführt. Wenn auf Ihrer Seite viel Code ausgeführt wird, bevor er wirklich gebraucht wird, verzögert sich damit auch Time To Interactive. Dies ist einer der wichtigsten Messwerte in Bezug darauf, wie Nutzer die Seitengeschwindigkeit wahrnehmen.
Arbeitsspeicherkosten
Wenn dein JavaScript viele Verweise vorhält, kann es viel Arbeitsspeicher belegen. Seiten wirken langsam oder langsam, wenn sie viel Arbeitsspeicher belegen. Speicherlecks können dazu führen, dass Ihre Seite vollständig einfriert.
So schlägt die Prüfung der JavaScript-Ausführungszeit in Lighthouse fehl
Lighthouse zeigt eine Warnung an, wenn die JavaScript-Ausführung länger als 2 Sekunden dauert. Die Prüfung schlägt fehl, wenn die Ausführung länger als 3,5 Sekunden dauert:
![Screenshot der Prüfung der Lighthouse-Ausführungszeit von JavaScript – reduzieren](https://developer.chrome.google.cn/static/docs/lighthouse/performance/bootup-time/image/a-screenshot-the-lightho-c3740d2b20198.png?authuser=6&hl=de)
Damit Sie feststellen können, welche JavaScript-Dateien am meisten zur Ausführungszeit beitragen, erfasst Lighthouse die Zeit, die für das Ausführen, Auswerten und Parsen jeder JavaScript-Datei, die auf Ihrer Seite geladen wird, benötigt wird.
JavaScript-Ausführung beschleunigen
- Senden Sie nur den Code, den Ihre Nutzer benötigen, indem Sie die Codeaufteilung implementieren.
- Code reduzieren und komprimieren
- Entfernen Sie nicht verwendeten Code.
- Reduzieren Sie Netzwerkfahrten, indem Sie Ihren Code mit dem PRPL-Muster im Cache speichern.
Weitere Möglichkeiten zur Verbesserung des Seitenaufbaus finden Sie auf der Landingpage der Leistungsprüfungen.
Ressourcen
Quellcode für die Prüfung Reduzieren der JavaScript-Ausführungszeit