Gesamt-Sperrzeit (TBT)
Eine Website, die so schnell wie möglich lädt: das ist der Wunsch eines jeden Unternehmers. Die Messung der Gesamtsperrzeit ist eine Möglichkeit, mehr Einblick in diese Problematik zu erhalten. Was ist die Gesamtsperrzeit und wie funktioniert sie auf einer Website? Alle wichtigen Informationen können Sie auf dieser Seite nachlesen.
Was ist die Gesamt-Sperrzeit?
Die Gesamtblockierzeit (TBT) ist ein Maß dafür, wie lange eine Seite lädt. Sie misst, wie lange es dauert, bis eine Seite beim Laden blockiert wird. Wenn eine Seite blockiert wird, dauert es länger, bis ein Besucher Optionen auf einer Website hat.(1)(2)
So funktioniert TBT
Total Blocking Time ist Teil von Google Lighthouse; es ist eine der Google Core Web Vitals. Die Ladezeit einer Website ist eine der wichtigsten Komponenten einer gut funktionierenden Website. Je schneller eine Seite lädt, desto besser. Eine langsame Website kann dazu führen, dass Besucher Ihre Website verlassen und nicht zum Kauf übergehen.
Wenn Sie über wichtige Dinge wie die Gesamtsperrzeit Bescheid wissen, können Sie den aktuellen Status Ihrer Website besser einschätzen und wissen, wie Sie ihn ändern können. TBT misst sozusagen, was auf der Website zwischen dem ersten zufriedenstellenden Bild und dem Zeitpunkt der Interaktivität passiert.
Die Auswirkungen der gesamten Sperrzeit auf SEO
Die Gesamtsperrzeit wirkt sich potenziell auf die Suchmaschinenoptimierung einer Website oder Seite aus, insbesondere wenn Sie andere wichtige Aspekte wie das größte inhaltsreiche Bild und die kumulative Layoutverschiebung berücksichtigen. Die beiden letztgenannten sind wichtige Ranking-Faktoren für Google, so dass es klug ist, sie in die SEO-Strategie einzubeziehen.
Mein Rat
Die wichtigsten Messinstrumente von Google Lighthouse bieten eine Menge Einblicke und Möglichkeiten für die Suchmaschinenoptimierung einer Website sowie für ihre Benutzerfreundlichkeit.
Wir empfehlen, diese Metrik von Google in Kombination mit anderen Schlüsselmetriken zu untersuchen. Dies gibt Ihnen einen Einblick in die Geschwindigkeit Ihrer Seite, macht es aber auch viel einfacher, Änderungen vorzunehmen. Dies sorgt für eine schnellere Website, mehr Verkehr und auch mehr Konversion.
Das umfassendste Buch über Website-Geschwindigkeit
Ich habe so viel über die Beschleunigung von Websites und alles, was damit zusammenhängt, geschrieben, dass ich es in verschiedene Abschnitte unterteilen möchte: Allgemeines, Tools, Punkte zur Verbesserung der Geschwindigkeit und Tipps. Unter den folgenden Links finden Sie weitere Informationen über Tools und Tipps zur Beschleunigung Ihrer Website.
Allgemein
- Wie hoch ist die Geschwindigkeit der Website?
- Website-Geschwindigkeit: Die Trennung zwischen Marketing und Entwicklung
- Der Einfluss von SEO auf UX
- Der Einfluss des Webdesigns auf SEO
- SPAs und SEO
- Was sind die Google Core Web Vitals?
Werkzeuge
- Autoptimieren
- Pagespeed.Vergleichen
- W3 Total Cache
- Werkzeuge Pingdom
- Google Pagespeed-Einblicke
- GTMetrix
Verbesserungen der Geschwindigkeit
- Erstes zufriedenstellendes Bild (FCP)
- Zeit bis zum ersten Byte (TTFB)
- Zeit bis zur Interaktivität (TTI)
- Bild für Größte Ansicht mit vorgeladenem Inhalt (LCP)
- Aktivieren Sie die Textkomprimierung
- Reduzieren Sie den CSS
- Geschwindigkeitsindex
- JavaScript reduzieren
- Größte inhaltsreiche Farbe
- Vermeiden Sie übermäßigen DOM
- Ungenutzte CSS löschen
- Ungenutztes JavaScript entfernen
- Bilder in modernen Layouts bereitstellen
- Verbinden Sie sich im Voraus mit den gewünschten Ursprüngen
- Verhindern, dass veraltetes JavaScript an moderne Browser übermittelt wird
- Verwenden Sie eine effiziente Cache-Richtlinie für statische Elemente
- Doppelte Module aus JavaScript entfernen
- Vermeiden Sie mehrfache Umleitungen
- Bilder effizient kodieren
- Verzögertes Laden verwenden
- Laden Sie wichtige Anfragen im Voraus
Allgemeine Tipps
- Tipps zum schnellen Laden eines Videos
- Verwendung von Edge SEO für eine schnellere Website
- Installieren eines Content Delivery Network für SEO
- Optimierung von Bildern für SEO
- Der Einfluss des Hostings auf SEO
- Was ist neu in DevTools (Chrome 84) | Blog | Chrome für Entwickler. (s.d.). Chrome für Entwickler. https://developers.google.com/web/updates/2020/05/devtools
- Rendering im Web. (2019, Feb 6). web.dev. https://web.dev/articles/rendering-on-the-web#terminology