Kritische Anforderungsketten sind eine Reihe abhängiger Netzwerkanforderungen, die für das Rendern von Seiten erforderlich sind. Sie erfahren, wie Sie mit diesem Problem umgehen oder es vermeiden können. Lesen Sie weiter unten!
Was ist eine kritische Anfrage?
Eine kritische Anfrage ist eine Anfrage, die zum Rendern der Seite erforderlich ist. Das bedeutet, dass die Seite nicht gerendert werden kann, wenn die Anfrage fehlschlägt. Kritische Anfragen sollten Vorrang vor anderen Anfragen haben, um einen erfolgreichen Abschluss sicherzustellen.
Es gibt verschiedene Möglichkeiten, eine kritische Anfrage zu stellen. Die gebräuchlichste Methode ist die Verwendung des async-Attributs für das Skript-Tag. Dadurch wird der Browser angewiesen, weiterhin andere Ressourcen zu laden, während dieses Skript heruntergeladen wird. Eine andere Möglichkeit, eine kritische Anfrage zu stellen, besteht darin, die Ressource in den HTML-Code selbst zu integrieren. Dadurch wird sichergestellt, dass der Browser nicht auf einen weiteren Roundtrip warten muss, um die Ressource abzurufen, aber es erhöht die Größe des HTML-Codes.
Es ist wichtig, nur kritische Anfragen nach Ressourcen zu stellen, die zum Rendern der Seite erforderlich sind. Zu viele kritische Anfragen können das Laden der Seite verzögern und letztendlich zu einer schlechten Benutzererfahrung führen.
Wie vermeide ich die Verkettung kritischer Anfragen?
- Verwendung der Domänen-Sharding-Methode: Eine der wichtigsten Möglichkeiten, die Verkettung kritischer Anfragen zu vermeiden, ist die Verwendung der Domänen-Sharding-Methode. Durch Domain-Sharding können Sie Ihre Inhalte auf mehrere Domains aufteilen, was dazu beitragen kann, die Anzahl der DNS- Suchen zu reduzieren und die Seitenladezeiten zu verbessern .
- Verwendung von CDN: Ein CDN kann dazu beitragen, die Ladezeiten von Seiten zu verbessern, indem Ihre Inhalte auf Servern weltweit zwischengespeichert werden, sodass Besucher einfacher und schneller auf Ihre Inhalte zugreifen können.
- Optimieren Sie Ihre Website hinsichtlich der Leistung: Sie können auch die Verkettung kritischer Anfragen vermeiden, indem Sie Ihre Website hinsichtlich der Leistung optimieren. Dazu gehört 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 Verbesserung der Leistung beitragen können:
1. Inlining von Ressourcen: Dies bedeutet, dass kleine, kritische Ressourcen direkt in den HTML-Code eingebettet werden, anstatt separate HTTP-Anfragen für sie zu stellen. Mithilfe von Daten-URIs oder Inline-Skripten und -Stilen können Sie dies erreichen.
2. Ressourcen vorab laden : Dadurch wird der Browser angewiesen, bestimmte Ressourcen im Voraus abzurufen, damit sie bei Bedarf verfügbar sind. Sie können dies über den Link-Tag oder Ressourcenhinweise tun.
3. Caching-Ressourcen: Caching-Speicher greifen häufig lokal auf Ressourcen zu, sodass sie nicht bei jeder Verwendung vom Server abgerufen werden müssen. Sie können dazu Caching-Header oder Service-Worker verwenden.
4. Anforderungsreihenfolge optimieren: Die Reihenfolge, in der Ressourcenanforderungen gestellt werden, kann sich auf die Leistung auswirken. Daher ist es wichtig sicherzustellen, dass kritische Ressourcen zuerst angefordert werden. Sie können dies tun, indem Sie das Schlüsselwort preload verwenden oder die Reihenfolge der Ressourcenanforderungen manuell ändern.
5. Minimierung der Round-Trip-Zeiten: Round-Trip-Time (RTT) ist die Zeit, die eine Anfrage benötigt, um vom Browser zum Server und wieder zurück zu gelangen. Durch die Reduzierung von RTT kann die Leistung verbessert werden. Dafür gibt es mehrere Möglichkeiten: die Verwendung dauerhafter Verbindungen, die Optimierung von DNS-Suchvorgängen und die Reduzierung von Weiterleitungen.
Abschluss
Wir hoffen, dieser Artikel hat Ihnen geholfen zu verstehen, wie wichtig es ist, kritische Verkettungsanfragen zu vermeiden. Dadurch können Sie die Ladegeschwindigkeit Ihrer Website verbessern und Ihren Benutzern ein besseres Erlebnis bieten. Denken Sie daran, Ihre Änderungen zu testen, bevor Sie sie auf Ihrer Live-Site implementieren. Wenn Sie Fragen haben, können Sie sich jederzeit an unser Support-Team wenden .
