Kritische Anfrageketten sind eine Reihe voneinander abhängiger Netzwerkanfragen, die für das Seitenrendering notwendig sind. Sie erfahren, wie Sie dieses Problem beheben oder vermeiden können. Lesen Sie weiter!
Was ist eine kritische Anfrage?
Eine kritische Anfrage ist eine Anfrage, die zum Rendern der Seite erforderlich ist. Schlägt die Anfrage fehl, kann die Seite nicht gerendert werden. Kritische Anfragen sollten daher Vorrang vor anderen Anfragen erhalten, um eine erfolgreiche Ausführung zu gewährleisten.
Es gibt verschiedene Möglichkeiten, eine kritische Anfrage zu stellen. Am häufigsten wird das Attribut `async` im `<script>`-Tag verwendet. Dadurch wird der Browser angewiesen, andere Ressourcen weiter zu laden, während dieses Skript heruntergeladen wird. Eine weitere Möglichkeit besteht darin, die Ressource direkt in den HTML-Code einzubetten. Dies verhindert, dass der Browser auf einen weiteren Roundtrip zum Abrufen der Ressource warten muss, erhöht aber die Größe des HTML-Codes.
Es ist wichtig, nur die Ressourcen anzufordern, die für die Seitendarstellung notwendig sind. Zu viele dieser Anfragen können das Laden der Seite verzögern und letztendlich zu einer schlechten Nutzererfahrung führen.
Wie lässt sich die Verkettung kritischer Anfragen vermeiden?
- Domain-Sharding: Eine der wichtigsten Methoden, um die Verkettung kritischer Anfragen zu vermeiden, ist die Verwendung von Domain-Sharding. Domain-Sharding ermöglicht es, Inhalte auf mehrere Domains zu verteilen, wodurch die Anzahl der DNS-Abfragen reduziert und die Seitenladezeiten verbessert werden.
- Nutzung eines CDN: Ein CDN kann die Ladezeiten von Seiten verbessern, indem es Ihre Inhalte auf Servern weltweit zwischenspeichert und es Besuchern so erleichtert und beschleunigt, auf Ihre Inhalte zuzugreifen.
- Website-Performance optimieren: Sie können die Verkettung kritischer Anfragen vermeiden, indem Sie Ihre Website auf Performance optimieren. Dazu gehören das Minimieren Ihrer HTML-, CSS- und JavaScript-Dateien, das Komprimieren von Bildern und die Verwendung eines Caching-Plugins.
Alternativen zur Verkettung kritischer Anfragen
Es gibt einige Alternativen zur Verkettung kritischer Anfragen, die zur Leistungsverbesserung beitragen können:
1. Ressourcen einbinden: Dies bedeutet, kleine, wichtige Ressourcen direkt in den HTML-Code einzubetten, anstatt separate HTTP-Anfragen dafür zu stellen. Dies lässt sich mithilfe von Daten-URIs oder Inline-Skripten und -Styles erreichen.
2. Ressourcen vorladen: Dadurch wird der Browser angewiesen, bestimmte Ressourcen im Voraus abzurufen, sodass sie bei Bedarf verfügbar sind. Dies kann über das Link-Tag oder Ressourcenhinweise erfolgen.
3. Ressourcen zwischenspeichern: Durch das Zwischenspeichern werden häufig genutzte Ressourcen lokal gespeichert, sodass sie nicht jedes Mal vom Server abgerufen werden müssen. Hierfür können Sie Caching-Header oder Service Worker verwenden.
4. Optimierung der Anforderungsreihenfolge: Die Reihenfolge der Ressourcenanforderungen kann die Leistung beeinflussen. Daher ist es wichtig, sicherzustellen, dass kritische Ressourcen zuerst angefordert werden. Dies kann durch Verwendung des Schlüsselworts `preload` oder durch manuelles Ändern der Anforderungsreihenfolge erreicht werden.
5. Minimierung der Round-Trip-Zeit: Die Round-Trip-Zeit (RTT) ist die Zeit, die eine Anfrage benötigt, um vom Browser zum Server und zurück zu gelangen. Eine Reduzierung der RTT kann die Leistung verbessern. Dafür gibt es verschiedene Möglichkeiten: die Verwendung persistenter Verbindungen, die Optimierung von DNS-Abfragen und die Reduzierung von Weiterleitungen.
Abschluss
Wir hoffen, dieser Artikel hat Ihnen die Bedeutung der Vermeidung kritischer Verkettungen von Anfragen verdeutlicht. Dadurch können Sie die Ladezeit Ihrer Website verbessern und Ihren Nutzern ein besseres Nutzungserlebnis bieten. Testen Sie Ihre Änderungen unbedingt, bevor Sie sie auf Ihrer Live-Website implementieren. Bei Fragen steht Ihnen unser Support-Team gerne zur Verfügung .
