Latenz der Dokumentanfrage

Adam Raine
Adam Raine
GitHub

Veröffentlicht: 27. März 2025

Die erste Dokumentanfrage für die Seite ist die wichtigste, da alle Netzwerkanfragen und Seiteninhalte davon abhängen. Durch die Optimierung der ersten Dokumentanfrage lässt sich die Leistung verbessern.

Was wird mit dieser Statistik überprüft?

Dabei wird geprüft, ob eine der folgenden Bedingungen die ursprüngliche Dokumentanfrage beeinflusst hat:

  • Die Navigationsanfrage wurde mindestens einmal weitergeleitet.
  • Der Server hat mehr als 600 Millisekunden gebraucht, um auf die Anfrage zu antworten.
  • Die Antwort wurde nicht komprimiert.
In den Devtools wird angegeben, dass die Dokumentlatenz durch Eliminieren von Weiterleitungen reduziert werden kann.
In den Devtools wird angegeben, dass die Dokumentlatenz durch das Entfernen von Weiterleitungen reduziert werden kann

Weiterleitungen vermeiden

Weiterleitungen verlangsamen die Seitenladezeit. Wenn ein Browser eine Ressource anfordert, die umgeleitet wurde, gibt der Server normalerweise eine HTTP-Antwort wie diese zurück:

HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location

Der Browser muss dann eine weitere HTTP-Anfrage an den neuen Speicherort senden, um die Ressource abzurufen. Dieser zusätzliche Weg durch das Netzwerk kann das Laden der Ressource verzögern.

Achten Sie darauf, dass Links auf den aktuellen Speicherort einer Ressource verweisen. Wenn Sie Nutzer von Mobilgeräten mithilfe von Weiterleitungen zur mobilen Version Ihrer Seite weiterleiten, sollten Sie Ihre Website mit einem responsiven Design neu gestalten.

Serverantwortzeiten verkürzen

Der erste Schritt zur Verbesserung der Serverantwortzeiten besteht darin, die wichtigsten konzeptionellen Aufgaben zu identifizieren, die Ihr Server ausführen muss, um Seiteninhalte zurückzugeben, und dann zu messen, wie lange jede dieser Aufgaben dauert. Sobald Sie die längsten Aufgaben identifiziert haben, suchen Sie nach Möglichkeiten, sie zu beschleunigen.

Es gibt viele mögliche Ursachen für langsame Serverantworten und viele Möglichkeiten, sie zu verbessern:

  • Optimieren Sie die Anwendungslogik des Servers, um Seiten schneller vorzubereiten. Wenn Sie ein Server-Framework verwenden, finden Sie in der zugehörigen Dokumentation möglicherweise Empfehlungen zur Vorgehensweise.
  • Optimieren Sie die Abfrage von Datenbanken durch Ihren Server oder migrieren Sie zu schnelleren Datenbanksystemen.
  • Erhöhen Sie den Arbeitsspeicher oder die CPU Ihrer Serverhardware.
  • Verwenden Sie ein CDN, um die Netzwerklatenz zu reduzieren. Dies ist besonders effektiv, wenn das Dokument am CDN-Edge-Knoten im Cache gespeichert werden kann.

Weitere Informationen finden Sie im Leitfaden TTFB optimieren.

Komprimierung aktivieren

Durch die Textkomprimierung kann die Gesamtgröße des ursprünglichen HTML-Dokuments reduziert werden. Wenn ein Browser eine Ressource anfordert, gibt er mit dem HTTP-Anfrageheader Accept-Encoding an, welche Komprimierungsalgorithmen er unterstützt.

Accept-Encoding: gzip, compress, br, zstd

Weitere Informationen finden Sie unter Codierung und Übertragungsgröße von textbasierten Assets optimieren.

Der Server sollte den HTTP-Antwortheader Content-Encoding zurückgeben, um anzugeben, welcher Komprimierungsalgorithmus verwendet wurde.

In den Devtools wird angezeigt, dass für die Dokumentanfrage die gzip-Komprimierung verwendet wird
In den Devtools wird angezeigt, dass für die Dokumentanfrage die GZIP-Komprimierung verwendet wird

Stackspezifische Anleitung

WordPress

  • Aktiviere die Textkomprimierung in der Konfiguration deines Webservers.
  • Wählen Sie ein einfaches Design aus (idealerweise ein Blockdesign) und implementieren Sie ein Caching der gesamten Seite oder eine Lösung für eine statische Website. Deaktiviere unnötige Plug-ins, um den Berechnungsaufwand für den Server zu minimieren.
  • Prüfe ein Upgrade deiner Hostinglösung auf einen verwalteten oder dedizierten Dienst.

Drupal

  • Wenn das Weiterleitungsmodul installiert ist, prüfe und entferne unnötige Weiterleitungen.
  • Mit einem oder mehreren Drupal-Caching-Modulen wie Internal Page Cache, Internal Dynamic Page Cache und BigPipe lässt sich die Belastung durch Zugriffe reduzieren. Diese können mit einem CDN kombiniert werden, um die Antwortzeit weiter zu verbessern. Deine Hostingserver sollten PHP OPcache nutzen.
  • Auch können Speicher-Caching-Lösungen wie Redis oder Memcached verwendet werden, um Datenbank-Abfragezeiten zu reduzieren.
  • Außerdem lassen sich leistungsstarke Designs, Module und schnellere Server nutzen, um die Serverantwortzeit zu verringern.

React

  • Wenn du React Router nutzt, empfehlen wir, die Komponente „<Redirect>“ für das Bedienungs-Routing so wenig wie möglich zu verwenden.
  • Wenn Sie serverseitig React-Komponenten rendern, empfehlen wir den Einsatz von renderToNodeStream() oder renderToStaticNodeStream(), um dem Client zu ermöglichen, einzelne Teile des Markups abzurufen und auszufüllen. So müssen nicht alle auf einmal abgerufen werden.

Joomla

  • Aktivieren Sie die Einstellung „Gzip-Seitenkomprimierung“ („System“ > „Globale Konfiguration“ > „Server“).
  • Sowohl Vorlagen, Erweiterungen als auch Serverspezifikationen tragen zur Serverantwortzeit bei. Versuchen Sie, eine noch weiter optimierte Vorlage zu finden, wählen Sie eine geeignete Optimierungs-Erweiterung aus oder upgraden Sie Ihren Server.

Magento

Ressourcen