Verkettung kritischer Anfragen vermeiden

Ketten kritischer Anfragen sind Reihen von abhängigen Netzwerkanfragen, die für das Rendern von Seiten wichtig sind. Je länger die Ketten und je größer die Downloadgrößen sind, desto stärker sind die Auswirkungen auf die Seitenladeleistung.

Lighthouse meldet kritische Anfragen, die mit hoher Priorität geladen werden:

Screenshot des Lighthouse-Audits „Tiefe kritischer Anforderungen minimieren“

So identifiziert Lighthouse kritische Anforderungsketten

Lighthouse verwendet die Netzwerkpriorität als Proxy, um rendern-blockierende kritische Ressourcen zu identifizieren. Weitere Informationen dazu, wie Chrome diese Prioritäten definiert, finden Sie unter Chrome Resource Priorities and Scheduling.

Daten zu kritischen Anforderungsketten, Ressourcengrößen und der Zeit, die für das Herunterladen von Ressourcen benötigt wird, werden aus dem Chrome Remote Debugging Protocol extrahiert.

Auswirkungen kritischer Anforderungsketten auf die Leistung reduzieren

Anhand der Prüfungsergebnisse zu kritischen Anforderungsketten können Sie die Ressourcen mit dem größten Einfluss auf das Laden der Seite priorisieren:

  • Minimieren Sie die Anzahl kritischer Ressourcen, indem Sie sie entfernen, ihren Download verzögern oder sie als async markieren.
  • Optimieren Sie die Anzahl der kritischen Bytes, um die Downloadzeit (Anzahl der Roundtrips) zu verkürzen.
  • Optimieren Sie die Reihenfolge, in der die verbleibenden wichtigen Ressourcen geladen werden: Laden Sie alle wichtigen Assets so früh wie möglich herunter, um die Länge des kritischen Pfads zu verkürzen.

Weitere Informationen zum Optimieren von Bildern, JavaScript, CSS und Webschriftarten

Stack-spezifische Anleitung

Magento

Wenn Sie Ihre JavaScript-Assets nicht in einem Bundle zusammenführen, empfehlen wir Ihnen die Verwendung von Baler.

Ressourcen

Quellcode für den Audit Tiefe kritischer Anforderungen minimieren