Verkettung kritischer Anfragen vermeiden

Ketten kritischer Anfragen sind eine Reihe abhängiger Netzwerkanfragen, die für das Seiten-Rendering wichtig sind. Je länger die Ketten und je größer die Downloadgröße ist, desto größer ist die Auswirkung auf die Ladegeschwindigkeit der Seite.

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

Screenshot der Prüfung der kritischen Anfragetiefe mit Lighthouse Minimieren

So erkennt Lighthouse kritische Anfrageketten

Lighthouse verwendet die Netzwerkpriorität als Proxy, um kritische Ressourcen zu identifizieren, die das Rendering blockieren. Weitere Informationen dazu, wie Chrome diese Prioritäten definiert, finden Sie unter Prioritäten und Planung von Chrome-Ressourcen.

Daten zu kritischen Anfrageketten, zu Ressourcengrößen und zur Zeit, die für das Herunterladen von Ressourcen aufgewendet wurde, werden aus dem Chrome Remote Debugging Protocol extrahiert.

Auswirkungen kritischer Anfrageketten auf die Leistung reduzieren

Nutzen Sie die Ergebnisse des Audits zu kritischen Anfrageketten, um zuerst die Ressourcen auszuwählen, die sich am stärksten auf den Seitenaufbau auswirken:

  • Minimieren Sie die Anzahl kritischer Ressourcen: Entfernen Sie sie, verschieben Sie ihren Download, markieren Sie sie als async usw.
  • Optimieren Sie die Anzahl der kritischen Byte, um die Downloadzeit (Anzahl der Umläufe) zu reduzieren.
  • Optimieren Sie die Reihenfolge, in der die verbleibenden kritischen Ressourcen geladen werden: Laden Sie alle kritischen 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

Stackspezifische Anleitung

Magento

Wenn Sie Ihre JavaScript-Assets nicht bündeln, sollten Sie Baler verwenden.

Ressourcen

Quellcode für die Prüfung Minimale kritische Anfragetiefe