Bedeutung von TTFB – Die wichtigste Metrik, an die niemand für Core Web Vitals denkt

TTFB. Zeit, auf Facebook zu posten? Fußball für die Kleinsten? Thunfisch und Tomate auf Faserbrot? Du warst ziemlich warmherzig, als du an dieses Thunfisch-Tomaten-Sandwich mit offenem Gesicht dachtest. TTFB ist natürlich „Time To First Byte“. Du wusstest es die ganze Zeit. Wir auch, es ist nur so, dass Sam's Wich Food Truck vorgefahren ist und es hier Mittagszeit ist.

Was ist TTFB und wie wirkt es sich auf meine Websites aus?

„Time to First Byte“ (TTFB oder First Byte Time), ist einer der ersten messbaren Werte auf dem Weg zu einer voll ausgelasteten Website und stellt die Server-Antwortzeit dar, die für die DNS-, Socket- und SSL-Aushandlung benötigt wird ( Händeschütteln). Wenn Sie die Google Core Web Vitals Ihrer Website messen, dann ist TTFB eine ziemlich große Sache.

„Bytes? Händeschütteln? Ich möchte nur, dass meine Website schnell geladen wird. Ich habe meine Seite optimiert. Ich habe die Plugins. Ich sollte gut gehen.“ Wenn Sie kein Server-Techniker sind, klingt vieles, was heutzutage hinter den Kulissen des Website-Hostings passiert, so, als ob SpaceX sie verwalten sollte. Wir kapieren es. Aber denken Sie darüber nach – sogar SpaceX verwendet Fallschirme für den Wiedereintritt von Kapseln, und das ist ziemlich einfach.

Wenn Sie Ihre Website Ihren Kunden präsentieren, ist das so, als würden Sie Ihre Pizza liefern lassen. Chillen Sie auf Ihrer Couch, schauen Sie sich Netflix an, holen Sie sich die Knabbereien und bestellen Sie einen Kuchen. Kurz darauf klingelt es an der Haustür. Einfach richtig? Es passiert die ganze Zeit. Nun, was wäre, wenn Ihre Pizza zwei Stunden nach Ihrer Bestellung ankommt? Und du bestellst nicht nur eine Pizza – du bestellst eine für jedes der Dutzend oder zwei Leute, die mit dir chillen. So ist das Agenturleben. Das bedeutet es, eine Vielzahl von Websites zu betreiben.

Die Websites Ihrer Kunden müssen nicht nur gefunden (SEO) und gescrollt (UX und UI) werden, sondern sie müssen auch – rechtzeitig – an den Endbenutzer geliefert werden. Viele Dinge können diesen Prozess verlangsamen. Die Ladezeit der Website ist der erste Schritt in diesem Prozess – und sie sollte nicht zu den Dingen gehören, die die Websites Ihrer Kunden – oder all dieser Kunden – verlangsamen.

Immer noch in den Wolken? Lassen Sie uns sichern.

Was haben die Core Web Vitals von Google mit der Website-Geschwindigkeit zu tun?

Google hat im Mai 2020 begonnen, über seine Core Web Vitals zu sprechen und sie im Juni 2021 eingeführt. Wir haben viel darüber gehört und arbeiten wahrscheinlich bereits hart daran, sicherzustellen, dass unsere Websites schnell geladen werden, für die Bedürfnisse eines Benutzers relevant sind und grün sind Licht von Google, richtig?

Bei Core Web Vitals geht es um mehr als nur schnell ladende Websites – es geht um Websites, die liefern. Es kommt auf UX an – dass Ihre Websites schnell geladen werden, damit die Leute tun können, was sie tun müssen.

Core Web Vitals sorgt nicht nur dafür, dass Ihre Pizzen geliefert werden, sobald Sie auf „Bestellung aufgeben“ klicken, sondern dass sie auch gut schmecken.

Die Core Web Vitals von Google messen 3 Dinge: Nützlichkeit, Benutzerfreundlichkeit und Freude

• Largest Contentful Paint (LCP) – Ladezeit: versichert dem Benutzer, dass Ihre Websites nützlich sind. Dies sollte weniger als 2500 Millisekunden dauern. Es kann nicht geladen werden, bis der Server Kontakt herstellt.

• First Input Delay (FID) – Interaktivität: stellt sicher, dass Ihre Websites nutzbar sind. Dies sollte weniger als 100 Millisekunden dauern.

• Cumulative Layout Shift (CLS) – Website Movement: stellt sicher, dass Ihre Websites ansprechend sind. Dieser Wert sollte kleiner als 0,1 sein.

Möchten Sie Ihre Websites für Google Core Web Vitals messen?

Was ist also die Verbindung zwischen TTFB und Core Web Vitals?

Genau wie Ihre Pizzen – dicke Kruste, extra käsig, oder? — Lieferung ist nicht die ganze Geschichte. Das Pizza-Erlebnis ist so viel mehr als das. So sind Ihre Websites für ihre Endbenutzer.

Neben den Core Web Vitals gibt es noch einen weiteren Begriff, der separat betrachtet werden muss: Die Google Web Vitals oder einfach nur Web Vitals genannt. Web Vitals umfassen zusätzlich zu den oben erwähnten Core Web Vitals die folgenden Metriken:

Erste zufriedene Farbe (FCP)

FCP ist die Zeitspanne zwischen dem Beginn des Ladens einer Webseite und dem Erscheinen des ersten Inhalts auf dem Bildschirm. Dieser Inhalt umfasst Text, Bilder (einschließlich Hintergrundbilder) und alle Inhalte, die Ihre Website großartig machen. 900 Millisekunden sind hier eine gute Geschwindigkeit.

Gesamtsperrzeit (TBT)

TBT misst die Zeitspanne zwischen dem First Contentful Paint (FCP) und der Time to Interactive (TTI). Dies kann zum Beispiel genutzt werden, um Verzögerungen in der Reaktion des Browsers zu messen. TBT sollte weniger als 300 Millisekunden betragen.

Zeit bis zur Interaktivität (TTI)

TTI sagt uns, wie lange es nach dem Start des Ladens einer Webseite dauert, bis die wichtigsten Teilressourcen (z. B. Ressourcen von Drittanbietern) geladen sind und die Seite schnell auf Benutzereingaben reagieren kann. 2400 Millisekunden sind eine gute Geschwindigkeit.

Interaktion zum nächsten Lack (INP)

INP ist eine neue Metrik, die darauf abzielt, die gesamte Interaktionslatenz einer Seite darzustellen, indem eine der längsten Einzelinteraktionen ausgewählt wird, die auftreten, wenn ein Benutzer eine Seite besucht. Für Seiten mit insgesamt weniger als 50 Interaktionen ist INP die Interaktion mit der schlechtesten Latenz. Bei Seiten mit vielen Interaktionen ist INP meistens das 98. Perzentil der Interaktionslatenz.

Zeit bis zum ersten Byte (TTFB)

TTFB gibt die Zeit an, die vergeht, bevor der Browser das erste Byte des Seiteninhalts erhält. Je länger es dauert, diese Daten vom Server zu erhalten, desto länger dauert es, Ihre Webseite anzuzeigen. Google empfiehlt, die TTFB unter 200 Millisekunden zu halten. Wir bei Rocket sind stolz darauf, dass unsere Plattform eine globale durchschnittliche TTFB von weniger als 100 ms hat, es sei denn, an bestimmten Standorten gibt es Netzwerkprobleme.

Die Bedeutung von TTFB besteht darin, dass es die wichtigste Metrik ist, an die niemand für Core Web Vitals denkt, und tatsächlich die wichtigste Metrik für Ihre Websites. Wieso den? Kurz gesagt, die Menschen sind ungeduldig.

Wenn Ihre Kunden nicht darauf warten, dass Ihre Websites geladen werden, verlassen sie Ihre Website – und Ihre Kunden haben sie als Kunden verloren. Sie wissen nicht einmal, wie viele Sie verloren haben oder ob sie jemals zurückkommen werden. So einfach ist das. Und es gibt viele andere Pizzalieferdienste in der Stadt.

„Wenn jemand Ihre Website besucht und auf eine Verzögerung stößt, steigt die Wahrscheinlichkeit, dass der Besucher abspringt und woanders hingeht, um das zu finden, was er braucht, erheblich. Google stellt fest, dass die Wahrscheinlichkeit einer Absprungrate mit jeder zusätzlichen Sekunde, die zum Laden Ihrer Website benötigt wird, um etwa 32 % steigt. Wenn Besucher von Ihrer Website abspringen, werden sie wahrscheinlich nicht zurückkehren, insbesondere wenn sie das, wonach sie suchen, auf einer anderen, viel schnelleren Website finden. ”

Rocket.net

Können Sie die Bedeutung von TTFB und die Ladezeit meiner Websites erläutern?

Wir wissen, dass Sie an „Pizza-Lieferzeit“ denken, aber sicher! Dies ist wahrscheinlich eine Auffrischung für Sie. Wir erwarten, dass unsere Websites schnell geladen werden. Dazu sollten Ihre Websites leicht sein. Aber es gibt viele Schritte zwischen Ihrem Server und dem Mobiltelefon Ihres Kunden.

Wenn wir beispielsweise www.ihrewebsite.com in die URL-Leiste eingeben, müssen die folgenden vier Schritte ausgeführt werden:

• Der Browser stellt eine Verbindung zu einem DNS-Server (Domain Name Server) her. Ein Domain Name Server übersetzt den Hostnamen in eine zahlenbasierte IP-Adresse. Ihre Website wird beispielsweise zu 123.456.789.112.

• Der Browser stellt eine Verbindung zum Server Ihrer Website her. Dies geschieht über mehrere Zwischenstationen, ähnlich einem Paket, das zwischen verschiedenen Postzentren reist, bevor es bei Ihnen ankommt. Hoffentlich ist das nicht deine Pizza.

• Wenn Ihre Website das sichere SSL-Protokoll verwendet (natürlich! oder?), findet ein sogenannter Handshake statt. Client und Server identifizieren sich gegenseitig und die verschlüsselte Verbindung wird aufgebaut.

• Der Server sendet die in Pakete aufgeteilten Daten an den Client.

Wenn wir eine Pizza zur Lieferung versenden, bestimmen verschiedene Faktoren, wann sie ankommt. Dazu gehören die Geschwindigkeit des Spediteurs und die Bearbeitungszeit in den verschiedenen Verteilzentren, die wiederum von bestimmten Kapazitäten (Personal, technische Ausstattung, Öfen, Pizzateig …) abhängt. Ganz zu schweigen von diesem Fahrer oder wie unübersichtlich Ihre Einfahrt ist.

Ebenso beeinflussen viele Parameter die Time to First Byte (TTFB).

Netzwerkgeschwindigkeit – Netzwerklatenz bezieht sich auf die Zeit, die ein Datenpaket benötigt, um vom Sender zum Empfänger zu gelangen. Wenn der Benutzer beispielsweise innerhalb eines stark frequentierten WLAN-Hotspots surft, ist es normalerweise hoch und erhöht die TTFB.

Reaktionszeit des DNS-Servers – verarbeitet der DNS-Server die Anfrage z. B. aufgrund einer Überlastung langsam, kommt es ebenfalls zu Latenzen. Generell gilt: Je weiter entfernt sich der DNS-Server physisch befindet, desto länger dauert die Bereitstellung der IP-Adresse.

Antwortzeit des Servers – wenn der Client eine Verbindung mit dem richtigen Server aufgebaut hat, muss der Server die Daten senden. Begrenzte Hardwarekapazitäten (z. B. ein geringer Arbeitsspeicher oder eine unzureichende CPU) verlangsamen diesen Prozess. Darüber hinaus verzögern auch schlecht konfigurierte Server mit unnötigen und veralteten Plugins, langsam reagierende Datenbanken und unsauberer Code die Datenübertragung.

Genau wie unser Pizzalieferant gilt: Je mehr Schritte er zurücklegen muss, je mehr Zeug in Ihrer Einfahrt herumliegt und je schwerer und je mehr Pizzen er tragen muss, desto langsamer bewegen sie sich zu Ihrer Haustür.

Die Frage war also immer Geschwindigkeit versus Funktionen für Ihr Kundenportfolio. Sie müssen sich nicht mehr entscheiden. Wie können Sie eine ganze WordPress-Website oder diesen WooCommerce-Pizzaladen in ein Paket packen, das leicht und klein genug ist, um in der Tasche des Fahrers getragen zu werden, aber groß genug, um beispielsweise das WordCamp Europe in Portugal zu ernähren?

Wie Sie allein das Problem der Website-Geschwindigkeitserfahrung lösen können

Sie wissen, dass die Geschwindigkeit Ihrer Websites einen großen Einfluss auf alles hat, von der Benutzererfahrung über SEO bis hin zu Conversion-Raten. Eine Möglichkeit besteht also darin, zu versuchen, das Problem für die von Ihnen verwalteten Websites selbst zu lösen. Sie werden dies wahrscheinlich so tun, wie Sie es immer getan haben. Wie hat das für dich funktioniert?

Wenn Sie ein Pizzalieferunternehmen sind, können Sie Ihren Fahrern sagen, dass sie niemals links abbiegen sollen. Liefern Sie niemals während der Hauptverkehrszeit. Akzeptieren Sie nur Prepaid-Bestellungen. Viele Agenturen arbeiten mit altbewährten Methoden und wir grüßen Sie. Ohne euch wären wir gar nicht hier.

Es gibt viele Möglichkeiten, wie Sie versuchen können, die Geschwindigkeit Ihrer verwalteten Websites zu verbessern:

• Verwenden Sie ein CDN (Content Delivery Network)
• Bilder optimieren
• Minimieren Sie CSS- und JavaScript-Dateien
• Reduzieren Sie nach Möglichkeit die Anzahl der HTTP-Anfragen
• Verwenden Sie Browser-HTTP-Caching
• Minimieren Sie die Einbeziehung externer Skripts
• Verwenden Sie nach Möglichkeit keine Weiterleitungen

Wenn Ihre Kunden WordPress für ihre Websites verwenden, und wir wetten, dass dies der Fall ist, dann gibt es Standardmethoden, um diese Websites auch innerhalb des CMS schneller zu machen:

• Wählen Sie ein effizientes Thema
• Verwenden Sie bei Bedarf einen Seitenersteller
• Reinigen Sie die Datenbank
• Optimieren Sie die Größe von Bildern
• Verwenden Sie Caching
• Optimieren Sie den Programmcode
• Verwenden Sie nicht zu viele Plugins
• Erweitern Sie Funktionen, ohne zu viele Plugins zu verwenden

Verdammt, das klingt alles nach viel Bastelei! Du hast wahrscheinlich andere Dinge zu tun, oder? Tatsächlich tust du das.

Sparen Sie Zeit bei der Verwaltung des Portfolios Ihrer Agentur mit der Rocket-Plattform

Als Agenturinhaber verbringen Sie Zeit damit, eine Sache besser zu machen als alle anderen und die viel wichtiger ist, als Ihre Bilder zu optimieren. Sie bedienen Ihre Kunden. Sie konzentrieren sich darauf, Lösungen für ihre Probleme zu liefern. Sie konzentrieren sich darauf, sie zu erfreuen. SIE machen ihr Leben besser!

Also, was kannst du machen?

Verwaltetes WordPress-Hosting passt gut zu Ihrem Kundenportfolio, insbesondere wenn Sie den Host nicht verwalten müssen. Es ist schnell und es ist sicher. Managed Hosting kümmert sich um die Leistung und Sicherheit Ihrer Website, während Sie sich auf die wichtigen Dinge konzentrieren. Zum Beispiel, wenn Sie Ihrem Kunden die köstliche Käsepizza bringen, sobald er auf „Jetzt bestellen“ geklickt hat.

„ Bevor wir uns auf Möglichkeiten zur Verbesserung der Metriken stürzen, müssen wir den aktuellen Zustand unserer Anwendungen verstehen und wissen, wo die Engpässe liegen. Zu wissen, wie man Veränderungen misst, ist der wichtigste Schritt, um Vertrauen in unsere Initiativen zu gewinnen. Das Problem kann irgendwo zwischen unserer Routing-Infrastruktur und dem Anwendungscode liegen!“

Dev.to

Die Rocket-Plattform gibt Ihrer Agentur den entscheidenden Vorteil

Jedes erfolgreiche Unternehmen braucht einen Wettbewerbsvorteil. Einige Pizzerien füllen ihre Ränder mit Käse, andere bedecken sie komplett – was komisch ist, weil es dann keinen Rand gibt, an dem man sich festhalten kann. Was ist dein Vorteil?

Akzeptieren Sie Bitcoin? Leute ihre eigenen Turnschuhe online entwerfen lassen? Bieten Sie Lieferung per Drohne an? Haben Sie eine AMP-Website? Tatsächlich wird seit der Einführung der Core Web Vitals durch Google die Bedeutung des AMP-Formats auch in Zukunft abnehmen.

Rocket.net bietet auch Ihrer Agentur einen Vorteil. Das Cloudflare Edge-Netzwerk.. Edge-Server sind hier, um das Internet schneller zu machen – was bedeutet, dass Ihre Websites schneller geladen werden. Das bedeutet begeisterte Nutzer und Besucher. Das bedeutet, dass Sie Pizza an einem zentralen Ort bestellen, aber die Pizza wird gebacken und am nächsten zu Ihrem tatsächlichen Standort geliefert.

„Ein CDN-Anbieter platziert Server an vielen Standorten, aber einige der wichtigsten sind die Verbindungspunkte am Rand zwischen verschiedenen Netzwerken. CDN-Edge-Server speichern (cachen) Inhalte an strategischen Orten, um einen oder mehrere Ursprungsserver zu entlasten.“

Wolkenflare

Fallstudie: Wie Twodot Marketing die Rocket-Plattform nutzt, um die Ladezeit seiner Kunden zu halbieren

Vor Rocket hostete Twodot Marketing seine WordPress-Websites bei verschiedenen Hosting-Unternehmen; Sie konnten einfach nicht die Geschwindigkeit und Sicherheit für ihre Kunden erreichen, die sie wollten.

„Innerhalb einer Stunde nach der Anmeldung hatte ich meine erste Website migriert, und ich war überwältigt. Ich bemerkte sofort einen RIESIGEN Unterschied in meiner Seitengeschwindigkeit, der Zeit bis zum ersten Byte und der allgemeinen Reaktionsfähigkeit unserer Unternehmenswebsite. 24 Stunden später hatten wir alle unsere Kunden live auf Rocket und profitierten von den gleichen großartigen Vorteilen.“

Josh Etheridge, Marketingpräsident/Chefstratege von Twodot

Wie wäre es mit etwas extra Käse auf der Pizza?

Seit den Updates von Google Core Web Vital ist es wichtiger denn je, Ihre Inhalte so schnell und sicher wie möglich bereitzustellen. Einfach. Sicher. Schnell. Ja, Sie können alle drei haben. Und nicht nur allgemein schnell – die schnellste für jeden spezifischen Benutzer. Das ist die Stärke von The Edge.

Powered by Cloudflare Enterprise hilft Rocket.net Ihrer WordPress-Website und Ihrem WooCommerce-Onlineshop, sofort davon zu profitieren.

• Das bedeutet, dass Ihre Website sofort vorkonfiguriert ist.
• Ihre erhöhte Website-Geschwindigkeit führt zu einem besseren SEO-Ranking und höheren Conversions.
• Und mit unserem global gecachten, hackersicheren Hosting ist Ihre Website immer offen für Geschäfte.

Reden ist billig. Lassen Sie sich von Rocket zeigen, was das schnellste WordPress-Hosting WIRKLICH bedeutet!

Sie sparen Website-Performance, Zeit und Geld Ihrer Agentur? Ja. Die Rocket-Plattform verfügt über integrierte Funktionen, die ansonsten kostenpflichtige Versionen von Sicherheits-, Bildoptimierungs-, CDN- und JS-Content-Loader-Plugins überflüssig machen. Dies sind Funktionen, die in Ihre neue Lieblingsplattform integriert sind (das Produkt, das früher als Managed WordPress Hosting bekannt war).

Lassen Sie uns darüber sprechen, wie wir Ihre Website zu Rocket.net migrieren können, dem schnellsten verfügbaren WordPress-Hosting überhaupt. Starten Sie noch heute Ihre Mission!