Kritische Anforderungsketten sind eine Reihe von abhängigen Netzwerkanfragen, die für das Rendern von Seiten notwendig sind. Sie werden lernen, wie Sie dieses Problem umgehen oder vermeiden können. Lesen Sie weiter unten!
Was ist eine kritische Anfrage?
Eine kritische Anforderung ist eine Anforderung, die zum Rendern der Seite erforderlich ist. Das bedeutet, dass die Seite nicht gerendert werden kann, wenn die Anforderung fehlschlägt. Kritischen Anfragen sollte Vorrang vor anderen Anfragen eingeräumt werden, um einen erfolgreichen Abschluss zu gewährleisten.
Es gibt verschiedene Möglichkeiten, eine kritische Anfrage zu stellen. Die gebräuchlichste Methode ist die Verwendung des async-Attributs im Skript-Tag. Dadurch wird der Browser angewiesen, mit dem Laden anderer Ressourcen fortzufahren, während dieses Skript heruntergeladen wird. Eine andere Möglichkeit, eine kritische Anfrage zu stellen, besteht darin, die Ressource in den HTML-Code selbst einzubinden. Dadurch wird sichergestellt, dass der Browser nicht auf einen weiteren Aufruf der Ressource warten muss, aber der HTML-Code wird dadurch größer.
Es ist wichtig, dass nur kritische Anfragen für Ressourcen gestellt werden, die für die Darstellung der Seite erforderlich sind. Zu viele kritische Anfragen können das Laden der Seite verzögern und letztlich zu einer schlechten Benutzererfahrung führen.
Wie kann man die Verkettung kritischer Anfragen vermeiden?
- Verwendung der Domain-Sharding-Technik: Eine der wichtigsten Methoden, um die Verkettung kritischer Anfragen zu vermeiden, ist die Domain-Sharding-Methode. Mit der Domain-Sharding-Methode können Sie Ihre Inhalte auf mehrere Domains aufteilen, wodurch die Anzahl der DNS-Abfragen verringert und die Ladezeiten der Seite verbessert werden können.
- Verwendung von CDN: Ein CDN kann dazu beitragen, die Ladezeiten von Seiten zu verbessern, indem es Ihre Inhalte auf Servern in der ganzen Welt zwischenspeichert, so dass Besucher einfacher und schneller auf Ihre Inhalte zugreifen können.
- Optimieren Sie Ihre Website für die Leistung: Sie können die Verkettung kritischer Anfragen auch vermeiden, indem Sie Ihre Website für die Leistung optimieren. Dazu gehört das Mining Ihrer HTML-, CSS- und JavaScript-Dateien, die Komprimierung von Bildern und die Verwendung eines Caching-Plugins.
Alternativen zur Verkettung kritischer Anfragen
Es gibt einige Alternativen zur Verkettung kritischer Anfragen, die zu einer Leistungssteigerung beitragen können:
1. Inlining von Ressourcen: Dies bedeutet, dass kleine, wichtige Ressourcen direkt in den HTML-Code eingebettet werden, anstatt separate HTTP-Anfragen für sie zu stellen. Mit Daten-URIs oder Inline-Skripten und -Stilen können Sie dies erreichen.
2. Vorladen von Ressourcen: Damit wird der Browser angewiesen, bestimmte Ressourcen im Voraus abzurufen, damit sie bei Bedarf zur Verfügung stehen. Sie können dies über den Link-Tag oder Ressourcenhinweise tun.
3. Caching von Ressourcen: Beim Caching werden Ressourcen, auf die häufig zugegriffen wird, lokal gespeichert, so dass sie nicht jedes Mal vom Server geholt werden müssen, wenn sie verwendet werden. Hierfür können Sie Caching-Header oder Service Worker verwenden.
4. Optimierung der Anforderungsreihenfolge: Die Reihenfolge der Ressourcenanfragen kann sich auf die Leistung auswirken, daher ist es wichtig, dass kritische Ressourcen zuerst angefordert werden. Dies können Sie mit dem Schlüsselwort "preload" erreichen oder die Reihenfolge der Ressourcenanforderung manuell ändern.
5. Minimierung der Round-Trip-Zeiten: Die Round-Trip-Time (RTT) ist die Zeit, die eine Anfrage für den Weg vom Browser zum Server und zurück benötigt. Eine Verringerung der RTT kann zur Verbesserung der Leistung beitragen, und es gibt einige Möglichkeiten, dies zu erreichen: Verwendung dauerhafter Verbindungen, Optimierung von DNS-Suchvorgängen und Verringerung von Umleitungen.
Schlussfolgerung
Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu verstehen, wie wichtig es ist, kritische Verkettungen von Anfragen zu vermeiden. Auf diese Weise können Sie die Ladegeschwindigkeit Ihrer Website verbessern und Ihren Nutzern ein besseres Erlebnis bieten. Denken Sie daran, Ihre Änderungen zu testen, bevor Sie sie auf Ihrer Live-Site implementieren, und wenn Sie Fragen haben, können Sie sich gerne an unser Support-Team wenden, um Unterstützung zu erhalten.
