Time to first byte (TTFB): Was es ist und wie du deine Website dafür optimieren kannst

Wenn du die Geschwindigkeit und Leistung deiner Website optimieren willst, ist es wichtig zu wissen, auf welche Kennzahlen du achten musst. Time to First Byte (TTFB) beispielsweise misst die Zeit, die der Browser eines Nutzers benötigt, um das erste „Byte“ an Daten vom Server deiner Website zu empfangen.

Nicht um es zu rendern oder auf dem Bildschirm anzuzeigen. Sondern einfach nur, um ein einzelnes Byte an den Browser zurückzugeben. In diesem Beitrag erklären wir, was TTFB ist und warum es so wichtig ist. Dann besprechen wir, wie man es misst und wie du es auf deiner WordPress-Website reduzieren kannst. Abschließend werden wir noch einige häufig gestellte Fragen beantworten. Fangen wir an!

Was ist Time to First Byte (TTFB)?

TTFB misst die Reaktionszeit deines Servers auf die Browser-Anfrage eines Besuchers. Mit anderen Worten: Es ist die Zeit, die zwischen dem Aufrufen einer Webseite durch einen Benutzer und der Erkennung durch den Server vergeht. Dies ist wichtig, denn je länger es dauert, bis der Browser das erste Byte an Daten vom Server erhält, desto länger braucht die Seite zum Laden. Und da TTFB die allererste Interaktion ist, bedeutet eine lange Zeit bis zum ersten Byte, dass der Rest der Seite noch nicht einmal mit dem Laden beginnen kann. Denn der Server hat noch nicht geantwortet. Daher spielt TTFB eine entscheidende Rolle für die Benutzerfreundlichkeit (User Experience, UX) und die Suchmaschinenoptimierung (Search Engine Optimization, SEO) deiner Website. TTFB ist auch einer der Web Vitals (zusammen mit FCP, LCP und CLS), die Google berücksichtigt, um die Ladezeit deiner Website zu bestimmen, und damit auch ihre Platzierung. TTFB ähnelt dem First Contentful Paint (FCP), das ebenfalls zur Messung der Ladeerfahrung und der Wartezeit des Nutzers verwendet wird. Der FCB misst jedoch, wie lange es dauert, bis der Besucher das erste Element auf der Seite sehen kann. TTFB ist jede Information, ob sichtbar oder nicht.

Der TTFB einer Website setzt sich aus drei Hauptprozessen zusammen:

• Eine HTTP-Anfrage wird vom Browser des Besuchers an den Server gesendet.
• Der Server verarbeitet die Anfrage und bereitet seine Antwort vor.
• Der Server sendet eine Antwort an den Browser zurück.

Je schneller dieser Prozess abläuft, desto schneller und reaktionsschneller sind deine Ladezeiten. Es gibt jedoch eine Reihe von Faktoren und Problemen, die die einzelnen Schritte verzögern und verlangsamen können. Um die Geschwindigkeit und Leistung deiner Website zu optimieren, solltest du dich daher auf die Reduzierung des TTFB konzentrieren.

Wie man TTFB misst

Es gibt eine Handvoll verschiedener Methoden, um TTFB zu messen, einschließlich der Verwendung von Labor- und Praxistools. Das bedeutet, dass du sowohl simulierte Ergebnisse (Labor) als auch Tests mit echten Benutzerdaten (Feld) verwenden kannst. Zuvor ist es jedoch hilfreich zu wissen, was ein guter Wert ist. In der Regel liegt ein günstiger TTFB-Wert zwischen 200 Millisekunden (ms) und 500 ms (0,2 und 0,5 Sekunden). Je niedriger die Zahl ist, desto besser ist sie natürlich. Alles, was über 600 ms liegt, wird als schlechter Wert angesehen. Seit Google die Seitengeschwindigkeit als Rankingkriterium eingeführt hat, streben viele Websites eine Zeit unter 100 ms an. In den meisten Fällen wird jedoch alles unter 200 ms immer noch als „gut“ angesehen. Es gibt verschiedene Tools, mit denen du TTFB messen können. Schauen wir uns ein paar der besten Optionen an.

WebPageTest

WebPageTest ist ein Online-Tool, mit dem du schnell und einfach die Geschwindigkeit deiner Seite testen kannst. Du kannst es aber auch verwenden, um einen detaillierten Bericht abzurufen, der wichtige Metriken, einschließlich TTFB, enthält. Gib dazu einfach deine URL in das Textfeld ein und klicken dann auf die Schaltfläche Test starten:

Auf der Ergebnisseite kannst du eine Vielzahl von Informationen über deine Website einsehen. Oben findest du eine allgemeine Bewertung für deine TTFB. Im folgenden Abschnitt findest du in der Spalte „Erstes Byte“ die Zeit in Millisekunden:

Laut WebPageTest ist das Ziel die Zeit, die für die Verhandlungen zwischen Domain Name Server (DNS), Socket und Secure Sockets Layer (SSL) benötigt wird, plus 100 ms. Für jede weiteren 100 ms, die TTFB benötigt, senkt das Online-Tool die Bewertung deiner Website um einen Buchstaben.

GTmetrix

GTmetrix ist ein weiteres kostenloses Online-Tool, mit dem du TTFB messen kannst. DU kannst die URL deiner Website in das Textfeld eingeben und dann auf die Schaltfläche Teste deine Website klicken:

Sobald das Tool mit der Analyse deiner URL fertig ist, präsentiert es den Leistungsbericht, der eine Gesamtnote sowie deine Web Vitals enthält:

 

Weiter unten auf der Seite kannst du auf die Registerkarte Leistung klicken:

Unter der Rubrik Browser-Timings findest du den TTFB.

Dies sind nur zwei Beispiele für Online-Test-Tools, die du verwenden kannst. Weitere beliebte Optionen sind Bytecheck, Pingdom und KeyCDN. Sie funktionieren alle auf ähnliche Weise wie diese beiden Optionen. Du fügst die URL ein, führst den Test in Echtzeit durch und analysierst dann den Ergebnisbericht.

Google Chrome DevTools

Eine weitere Möglichkeit, TTFB zu messen, sind die Chrome DevTools. Wenn du Chrome verwendest, kannst du mit dieser Methode TTFB direkt in deinem Browser messen, ohne ein Tool eines Drittanbieters zu verwenden. Während viele der oben erwähnten Geschwindigkeitstests verschiedene Serverstandorte verwenden, aus denen du auswählen kannst, erfolgt die Messung auf diese Weise direkt bei dir. Bedenke daher, dass deine spezifischen Netzwerkbedingungen und die Netzwerklatenz TTFB beeinflussen kann. Das Ergebnis, das du bei dieser Methode siehst, ist daher möglicherweise nicht dasselbe wie das, was die Besucher deiner Website sehen. Rufe zunächst deine WordPress-Website in deinem Browser auf und navigiere dann zu den drei vertikalen Punkten in der rechten Ecke deines Bildschirms. Navigiere dann zu Weitere Tools > Entwicklertools. Dadurch wird die DevTools-Konsole geöffnet. Klicke dort auf ein beliebiges Element auf der Seite und wählen dann die Registerkarte Netzwerk gefolgt von der Spalte Wasserfall:

Wähle in der Liste das Element aus, das du prüfen möchtest. Unter dem Panel findest du Warten (TTFB).

Wie du TTFB auf deiner WordPress-Website reduzieren kannst (4 wichtige Tipps)

Jetzt, da du mehr darüber weißt, was TTFB ist und wie man es misst, ist es an der Zeit zu sehen, was du tun kannst, um es zu verbessern. Im Folgenden findest du vier wichtige Tipps, mit denen du TTFB auf deiner WordPress-Website reduzieren kannst.

1. Aktualisiere dein WordPress-Hosting

Der vielleicht einflussreichste Faktor für TTFB ist der Hosting-Anbieter deiner Website. Du kannst deine Website auf jede noch so kleine Weise optimieren, aber wenn dein Hoster nicht mithalten kann, ist das alles egal. Die Art des Hostings, das du verwendest, beeinflusst die Geschwindigkeit und Leistung deiner Website. Wenn du z. B. ein Shared Hosting nutzt, hast du wahrscheinlich nur Zugang zu begrenzten Ressourcen. Außerdem bist du den anderen Nutzern deiner Server-Clusters in Bezug auf Bandbreite und Verarbeitungsleistung verpflichtet. Wenn du also unter langsamen Ladezeiten leidest und deine TTFB reduzieren möchtest, solltest du ein Upgrade auf einen neuen Hosting-Anbieter oder einen leistungsfähigeren Tarif in Betracht ziehen. Wenn du bei einem Shared-Hosting-Anbieter untergebracht bist, bietet ein Upgrade auf eine höhere Stufe oft einen bevorzugten Service und schnellere Server. Darüber hinaus ist Managed Hosting für WordPress-Sites ein großer Vorteil für TTFB. Diese Dienste sind speziell für WordPress-Websites konzipiert und optimiert, und das bedeutet eine schnelle Reaktionszeit sowohl auf der Benutzerseite als auch im Backend für die Verwaltung. Das höherwertige und/oder gemanagte Hosting ist mit höheren Kosten verbunden als Economy-Hosting, aber es gibt einfach keinen besseren Weg zu einem niedrigeren TTFB (und einer insgesamt höheren Seitengeschwindigkeit) als ein hervorragendes Hosting. Wir empfehlen außerdem, einen Webhoster zu wählen, der erstklassige DNS-Dienste anbietet. DNS-Lookup-Zeiten können zu einem langsamen TTFB beitragen. Die Nutzung von Premium-DNS-Tools kann die Netzwerklatenz verringern und damit die Ladezeiten verbessern.

2. Verwende ein Content Delivery Network (CDN)

Eine der effektivsten Methoden zur Verbesserung der Website-Geschwindigkeit und zur Reduzierung des TTFB ist die Implementierung eines CDN. Falls du mit diesem Konzept nicht vertraut bist, handelt es sich dabei um ein Netzwerk von verteilten Servern, die rund um den Globus verteilt sind. Das bedeutet, dass deine Besucher*innen deine Website von dem Rechenzentrum aus laden können, das ihnen am nächsten liegt, was die Ladezeit minimiert. Es gibt viele verschiedene CDN-Dienste für WordPress, aus denen du wählen kannst. Zu den beliebtesten Optionen gehören Google Cloud CDN, KeyCDN und Cloudflare. Einige Hoster (z. B. SiteGround) bieten sogar eine kostenlose Version des Cloudflare CDN mit vielen deiner Angebote an.

Mit einem CDN für deine WordPress-Website kannst du die Netzwerklatenz erheblich reduzieren. Neben der Leistung kann ein CDN auch die Sicherheit deiner Website erhöhen, indem es Bedrohungen wie DDoS-Angriffe (Distributed Denial-of-Service) verhindert.

3. Entferne alle unnötigen Plugins oder Themes (und halte die vorhandenen auf dem neuesten Stand)

Plugins und Themes können viel Platz beanspruchen und deine Website sogar verlangsamen, insbesondere wenn sie veraltet sind. Darüber hinaus können veraltete Erweiterungen Sicherheitslücken aufweisen und deinen Server sowie die Ladezeiten unnötig belasten. Möglicherweise sind sie nicht so gut optimiert, wie sie sein könnten, und verzögern dein TTFB aufgrund ihres Codes. Stelle sicher, dass deine Plugins aktuell und notwendig sind. Wenn du die Anzahl deiner Plugins reduzierst, wird sich dein TTFB definitiv verbessern, wenn sie den Server deiner Website belasten. Es ist einfach, Plugins oder Themes von deiner WordPress-Website zu entfernen, die du nicht mehr benötigst. Genauso wichtig ist es aber auch, dafür zu sorgen, dass die Plugins, die du auf deiner Website installiert hast, auf dem neuesten Stand bleiben. Wenn ihr Code nicht so gut optimiert ist, wie er sein könnte (insbesondere bei WP-Updates usw.), kann der TTFB Schaden nehmen. In deinem WordPress-Administrations-Dashboard kannst du die verfügbaren Plugin-Updates finden, indem du zu Plugins navigieren und dann auf den Link Verfügbare Updates klickst:

Denke daran, dass die Entwickler von Plugins und Themen regelmäßig Leistungsverbesserungen und Fehlerbehebungen für ihre Tools veröffentlichen. Wenn du mit den neuesten Versionen Schritt hältst und nicht mehr benötigte Versionen eliminierst, kannst du den Server nicht überlasten.

4. Implementieren Caching auf deiner Website

Eine der besten Möglichkeiten, die Serverlast zu verringern, ist die Nutzung von Caching. Caching ist eine Technik, die dazu beiträgt, die Serververarbeitungszeit zu minimieren und Inhalte schneller bereitzustellen. Daher ist es auch eine nützliche Strategie, die helfen kann, TTFB zu reduzieren. Es gibt eine Vielzahl von WordPress-Cache-Plugins, die du auf deiner Website installieren kannst. Zu den beliebtesten Optionen gehören WP Rocket und W3 Total Cache.

W3 Total Cache ist ein Tool zur Leistungsoptimierung, mit dem du die Geschwindigkeit deiner Website und die Suchmaschinenoptimierung steigern kannst. Es kann auch bei der CDN-Integration helfen. In dieser Hinsicht kannst du mit TTFB also auf vielfältige Weise helfen. Nach der Installation kannst du auf die Einstellungen zugreifen, indem du zu Leistung navigierst.

Dieses Plugin kann kostenlos verwendet werden. Wenn du jedoch nach erweiterten Konfigurationsoptionen suchst, ist eine Pro-Lizenz für $99 pro Jahr erhältlich.

Time to First Byte (TTFB) – Häufig gestellte Fragen

Inzwischen hast du hoffentlich ein solides Verständnis für die Bedeutung von TTFB, seine Messung und seine Verringerung. Werfen wir nun einen Blick auf einige der am häufigsten gestellten Fragen zu dieser Kennzahl.

Wie passt TTFB zur Gesamtleistung meiner Website?

TTFB bezieht sich auf die Zeit zwischen der Ankunft eines Besuchers auf deiner Website und dem Zeitpunkt, an dem sein Browser das erste Byte an Daten von deinem Server empfängt. Mit anderen Worten, es misst die Reaktionsfähigkeit deines Servers auf den Benutzer. Das bedeutet, dass ohne einen akzeptablen (sprich: niedrigen) TTFB der Rest deiner Website nur langsam geladen wird. Selbst wenn der Inhalt deiner Website in weniger als 1 Sekunde vollständig geladen ist, beträgt die Gesamtladezeit bei einem TTFB von 4 Sekunden (4000 ms) ~5 Sekunden. TTFB spielt also eine entscheidende Rolle für Ihre UX und SEO. Google betrachtet TTFB als einen wichtigen Datenpunkt, wenn es darum geht, wie deine Website eingestuft werden soll. Jede Optimierung von TTFB wirkt sich direkt auf andere Metriken der Seitengeschwindigkeit wie FCP und LCP aus.

Wie lässt sich TTFB am besten reduzieren?

Es gibt nicht die eine Lösung, um TTFB zu reduzieren. Da das primäre Ziel darin besteht, die Antwortzeiten des Servers zu verringern, empfehlen wir eine Kombination der oben beschriebenen Methoden. Stelle zuallererst sicher, dass du einen zuverlässigen Hosting-Provider mit ausgezeichneter Leistung hast. Implementiere dann ein CDN- und Caching-System auf deiner Website, halten deine Plugins auf dem neuesten Stand und entferne alle unnötigen Add-ons, die das schnelle Senden von Antworten auf deiner Website verzögern könnten. TTFB basiert nicht immer auf einer leichtgewichtigen Website, aber auch mit einer leichtgewichtigen Website kann das erste Byte schnell zurückgeschickt werden.

Schlussfolgerung

Die Reaktionsfähigkeit des Servers ist wichtig, wenn du den Besuchern deiner Website ein hochwertiges Erlebnis bieten willst. Wenn deine Website zu lange braucht, um zu reagieren, erhöht sich die Wahrscheinlichkeit, dass sie deine Website verlassen. Selbst wenn deine Inhalte schnell geladen werden, kann es Sekunden dauern, bis sie geladen sind, und die Nutzer*innen verlassen deine Website. Um dies zu verhindern, ist es wichtig, auf deinen TTFB zu achten und Maßnahmen zu ergreifen, um ihn so niedrig wie möglich zu halten.

Übersetzt von Sarah van der Linden
von Website Freiburg

Quelle, unser Divi Websoftware Partner Elegant Themes:
www.elegantthemes.com/blog/wordpress/time-to-first-byte-ttfb-what-it-is-how-to-optimize-your-website-for-it