Early Hints

Zuletzt aktualisiert: 1. September 2025

Early Hints ist ein Webstandard, den du implementieren kannst, um die Ladezeiten von Seiten um bis zu 30% zu verbessern. Dieser Webstandard definiert einen neuen HTTP-Statuscode: 103 Early Hints.

Wenn die Funktion Early Hints aktiviert ist und ein Besucher deine Seite in einem kompatiblen Browser aufruft, werden 103-Antworten (vor 200-Antworten) mit Informationen über verlinkte Elemente, die in der endgültigen Antwort des Servers erscheinen könnten, an den Browser gesendet. Mit diesen Informationen kann der Browser mit der Vorbereitung der Seite beginnen, bevor er die 200 OK-Antwort vom Server erhält. So kann der Browser die Seite effizienter auf das Laden vorbereiten, während der Server noch „denkt“.

Der Early Hints-Mechanismus kann mit jeder Art von Link-Header oder Ressourcenhinweis verwendet werden, z. B. preload und preconnect. Er hilft dabei, die Leistung von Webseiten zu verbessern, indem er Browsern erlaubt, mit dem Abrufen oder Vorbereiten von Ressourcen zu beginnen, bevor die endgültige Antwort empfangen wird.

Als Teil der Cloudflare-Integration von Kinsta können Early Hints für deine WordPress-Seite in MyKinsta für deine benutzerdefinierte Domain aktiviert werden. Du kannst Early Hints nicht mit einer temporären kinsta.cloud-Domain verwenden.

Richte Early Hints auf deiner WordPress-Seite ein

Early Hints soll die Leistungsvorteile von Ressourcenhinweisen wie preload und preconnect verbessern, indem diese Anweisungen an den Browser geschickt werden, bevor die endgültige Serverantwort fertig ist. So kann der Browser früher mit dem Laden oder der Verbindung zu wichtigen Ressourcen anfangen, was die Ladezeiten der Seite und die Benutzererfahrung verbessert.

Preload: Die Anweisung preload sagt dem Browser, dass er wichtige Ressourcen (z. B. CSS, JavaScript, Schriftarten) so früh wie möglich abrufen soll. In Verbindung mit Early Hints werden diese preload-Anweisungen direkt nach der ersten Anfrage gesendet, sodass der Browser schon mit dem Herunterladen wichtiger Assets anfangen kann, bevor die vollständige Antwort da ist. Das verkürzt die Zeit, in der das Rendern blockiert wird, und verbessert die gefühlte und tatsächliche Leistung.
Preconnect: Die preconnect-Anweisung initiiert frühzeitige Verbindungen zu wichtigen Domains von Drittanbietern (z. B. Analytics, CDN, APIs). Early Hints sendet diese preconnect-Signale im Voraus, sodass der Browser DNS-Lookups, TCP-Handshakes und TLS-Verhandlungen im Voraus durchführen kann. Dies reduziert die Verbindungslatenz und beschleunigt das Laden von Ressourcen aus externen Quellen.

Um die Vorteile von Early Hints nutzen zu können, musst du zuerst preload und preconnect richtig konfigurieren, indem du die entsprechenden Link:-Header zu den gewünschten Assets auf deiner WordPress-Seite hinzufügst. Dies kann mit Optimierungs-Plugins wie den folgenden erfolgen:

Mit diesen Tools kannst du preload und preconnect-Header einfach definieren und verwalten, ohne den Code manuell bearbeiten zu müssen.

Wichtige Hinweise

Deine Seite muss den Antwort-Header Link: mit dem rel-Typpreload oder preconnect haben, um die Ressourcen anzugeben, die du in die Early Hints-Antwort aufnehmen willst. Du kannst ein WordPress-Plugin verwenden, um preload– oder preconnect-Header zu deinen Assets in WordPress hinzuzufügen.
Der Statuscode 103 Early Hints ist mit den neuesten Versionen von Chrome, Edge, Safari und Firefox kompatibel. Wenn ein Browser Early Hints nicht unterstützt und ein 103-Response-Header an ihn gesendet wird, passiert nichts; der Browser ignoriert ihn einfach.
Wenn deine Website mehr als 20 Domains hat, kann die Aktivierung von Early Hints je nach Gesamtzahl der Domains 5 oder mehr Minuten dauern.
Du kannst Early Hints nicht mit einer temporären kinsta.cloud-Domain verwenden.

Early Hints in Cloudflare aktivieren

Wähle in deinem Cloudflare-Konto deine Domain aus und klicke auf Geschwindigkeit > Optimierung > Inhalt und aktiviere Early Hints.

Early Hints in MyKinsta aktivieren

Um Early Hints zu aktivieren, logge dich bei MyKinsta ein und gehe zu WordPress Seiten > Seitenname > Werkzeuge.
Klicke unter Early Hints auf die Schaltfläche Aktivieren.

In der oberen rechten Ecke erscheint eine Benachrichtigung, dass Early Hints aktiviert ist.

Teste Early Hints

Um festzustellen, ob Early Hints funktionieren, überprüfe die HTTP-Header einer Seite auf deiner Website und suche nach Link:-Headern mit dem rel-Typ preload oder preconnect, die du hinzugefügt hast. Um die HTTP-Header deiner Seite zu überprüfen, kannst du eine der folgenden Methoden verwenden:

Unseren kostenlosen HTTP-Status- und Weiterleitungs-Checker.
Die eingebauten Entwicklertools deines Webbrowsers.
Den Befehl curl im Terminal (Kommandozeile), indem du die URL am Ende des Beispiels durch die URL der Seite ersetzt, die du testen willst:

curl -L -s -o /dev/null -D - https://kinstaexample.com

Early Hints deaktivieren

Um Early Hints zu deaktivieren, melde dich bei MyKinsta an und gehe zu WordPress Seiten > Seitenname > Werkzeuge.
Klicke unter Early Hints auf die Schaltfläche Deaktivieren.

In der oberen rechten Ecke erscheint eine Benachrichtigung, dass Early Hints deaktiviert ist.