Total Blocking Time (TBT)

Definition

Die Total Blocking Time (TBT) ist eine Metrik, die die gesamte Zeitspanne zwischen dem First Contentful Paint (FCP) und dem Time to Interactive (TTI) misst, in der der Hauptausführungs-Thread so lange blockiert ist, dass dies die Eingabereaktivität der Benutzer verhindert. Diese Metrik ist besonders relevant, da sie den Zeitraum erfasst, in dem die Benutzeroberfläche nicht auf Benutzereingaben reagieren kann, was zu einer schlechten Benutzererfahrung führen kann.

Die TBT wird zunehmend als Ersatz für die First Input Delay (FID) Metrik in Labortests der Core Web Vitals empfohlen. Während FID die Zeit misst, die vergeht, bis eine Benutzerinteraktion auf der Seite verarbeitet wird, bietet die TBT einen umfassenderen Blick auf die Gesamtzeit, in der die Seite nicht reaktionsfähig ist.

Bedeutung für SEO

Die Total Blocking Time spielt eine entscheidende Rolle im Bereich der Suchmaschinenoptimierung (SEO), da sie direkt die Benutzererfahrung beeinflusst. Eine niedrige TBT bedeutet, dass eine Webseite schnell auf Benutzerinteraktionen reagiert, was zu einer höheren Benutzerzufriedenheit und damit zu einer besseren Verweildauer auf der Seite führen kann. Suchmaschinen wie Google berücksichtigen die Benutzererfahrung als einen wichtigen Rankingfaktor, was bedeutet, dass eine optimierte TBT potenziell zu besseren Platzierungen in den Suchergebnissen führen kann.

Ein weiterer Aspekt, der die Bedeutung der TBT unterstreicht, ist die zunehmende Fokussierung von Google auf die Core Web Vitals. Diese Metriken sind entscheidend für die Bewertung der Leistung einer Webseite und werden in den Algorithmen zur Bestimmung des Rankings berücksichtigt. Eine hohe TBT kann somit negative Auswirkungen auf die Sichtbarkeit und den Traffic einer Webseite haben.

Typische Fehler / Best Practices

Um die Total Blocking Time zu optimieren und die Benutzererfahrung zu verbessern, sollten Webseitenbetreiber einige Best Practices beachten:

• Minimierung von JavaScript-Blockierungen: Vermeiden Sie es, große JavaScript-Dateien zu verwenden, die den Haupt-Thread blockieren. Teilen Sie Skripte in kleinere Teile auf und laden Sie sie asynchron oder deferred.
• Optimierung von Drittanbieter-Skripten: Drittanbieter-Skripte können oft zu einer hohen TBT führen. Überprüfen Sie die Notwendigkeit dieser Skripte und entfernen oder optimieren Sie sie, wenn möglich.
• Verwendung von Web-Worker: Web-Worker ermöglichen es, JavaScript-Code im Hintergrund auszuführen, sodass der Haupt-Thread nicht blockiert wird. Dies kann die TBT erheblich reduzieren.
• Regelmäßige Performance-Tests: Führen Sie regelmäßig Performance-Tests durch, um die TBT und andere wichtige Metriken zu überwachen. Tools wie Google Lighthouse oder PageSpeed Insights können dabei helfen.

Durch die Implementierung dieser Best Practices können Webseitenbetreiber nicht nur die Total Blocking Time reduzieren, sondern auch die Gesamtleistung ihrer Seite verbessern, was sich positiv auf SEO und die Benutzererfahrung auswirkt.