Total Blocking Time (TBT)
Was ist Total Blocking Time?
Total Blocking Time (TBT) ist eine wichtige Kennzahl aus den Core Web Vitals von Google.
Sie misst, wie lange eine Webseite nach dem ersten sichtbaren Inhalt für Nutzer nicht bedienbar ist, weil der Haupt-Thread durch lang laufende Aufgaben blockiert wird.
TBT wird in Millisekunden angegeben und zeigt, wie reaktionsfähig eine Seite während des Ladevorgangs ist.
Wofür wird Total Blocking Time verwendet?
TBT wird genutzt, um die Interaktivität und Nutzerfreundlichkeit von Webseiten zu bewerten.
Sie hilft Entwicklern zu erkennen, wann und wie lange eine Seite für den Nutzer „festhängt“ – zum Beispiel, wenn ein Button zwar sichtbar ist, aber erst nach einer Verzögerung reagiert.
TBT ist ein zentraler Wert in Tools wie Google Lighthouse und PageSpeed Insights.
Warum ist Total Blocking Time wichtig?
Eine niedrige Total Blocking Time sorgt für eine bessere Nutzererfahrung, da Besucher schneller mit der Seite interagieren können.
Hohe TBT-Werte führen zu Frust, weil Eingaben wie Klicks oder Scrollen verzögert beantwortet werden.
Google berücksichtigt TBT zudem bei der Bewertung der Webseiten-Performance – ein wichtiger Faktor für SEO und Conversion-Raten.
Wie wird Total Blocking Time umgesetzt oder optimiert?
Um die TBT zu verbessern, sollten lange Aufgaben auf dem Haupt-Thread vermieden oder verkürzt werden. Typische Schritte sind:
- JavaScript-Code optimieren und aufteilen
- Unnötige oder große Bibliotheken entfernen
- Dritte-Anbieter-Skripte kritisch prüfen
- Ressourcen asynchron oder „lazy“ laden
- Rendering-blockierende Dateien minimieren
Ein einfaches Beispiel: Statt ein großes Skript auf einmal zu laden, kann es in kleinere Teile gesplittet und nach Bedarf geladen werden.
Was sind typische Fehler oder Herausforderungen bei Total Blocking Time?
Häufige Probleme sind:
- Zu viele oder zu große JavaScript-Dateien
- Unnötige Third-Party-Skripte (z. B. Tracking, Chat-Widgets)
- Rendering-blockierende CSS- oder JS-Dateien
- Unoptimierte Bilder oder Medien
Tipp: Regelmäßig mit Tools wie Lighthouse prüfen und gezielt die größten „Long Tasks“ identifizieren und optimieren.
Welche Tools unterstützen bei Total Blocking Time?
Hilfreiche Tools sind:
- Google Lighthouse
- PageSpeed Insights
- WebPageTest
- GTmetrix
- Chrome DevTools (Performance-Tab)
Welche Begriffe sind eng mit Total Blocking Time verknüpft?
- Core Web Vitals
- First Contentful Paint (FCP)
- Time to Interactive (TTI)
- First Input Delay (FID)
- Interaction to Next Paint (INP)
- Main Thread
- JavaScript-Optimierung
- Render-Blocking Resources
