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“

Im Rahmen der Cloudflare-Integration von Kinsta können die Early Hints für deine WordPress-Website in MyKinsta aktiviert werden.

Wichtige Hinweise

  1. Deine Seite muss den Antwort-Header Link: mit dem rel-Typ preload oder preconnect haben, um die Ressourcen anzugeben, die du in die Early Hints-Antwort aufnehmen willst. Wenn du mit dem Hinzufügen von Antwort-Headern nicht vertraut bist, kannst du mit einem Entwickler zusammenarbeiten.
  2. Der Statuscode 103 Early Hints ist nur mit Chrome und Edge kompatibel. Firefox beabsichtigt jedoch, Early Hints zu unterstützen und hat einen offenen Fehlerbericht für die Implementierung.
  3. Wenn ein Browser Early Hints noch nicht unterstützt und ein 103 Response Header an ihn gesendet wird, passiert nichts; der Browser ignoriert ihn einfach.
  4. Wenn deine Website mehr als 20 Domains hat, kann die Aktivierung von Early Hints je nach Gesamtzahl der Domains 5 oder mehr Minuten dauern.
  5. Early Hints gilt bei Cloudflare als Beta-Funktion und in Chrome als experimentell. Das bedeutet, dass sich das Verhalten und die Implementierung der Funktion in Zukunft wahrscheinlich noch ändern werden.
  6. Die Early Hints-Funktion ist derzeit nicht mit einem benutzerdefinierten SSL-Zertifikat kompatibel. Wenn deine Seite eine Domain hat, die ein benutzerdefiniertes SSL-Zertifikat verwendet, und du Early Hints aktivierst, kann es sein, dass die Funktion in MyKinsta aktiviert ist, aber sie wird für diese Domain nicht aktiviert.

Early Hints aktivieren

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

    Aktiviere Early Hints in MyKinsta.
    Aktiviere Early Hints in MyKinsta.
  3. 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

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

    Deaktiviere Early Hints in MyKinsta.
    Deaktiviere Early Hints in MyKinsta.
  3. In der oberen rechten Ecke erscheint eine Benachrichtigung, dass Early Hints deaktiviert ist.

Verwandte Dokumentation

Referenzierte Inhalte