Die Total Blocking Time (TBT) ist ein wichtiger Lab-Messwert zum Messen der Lastenreaktion. Er misst die Gesamtzeit nach dem First Contentful Paint (FCP), während der der Hauptthread lange genug blockiert wurde, um Antworten auf Nutzereingaben zu verhindern. Eine niedrige TBT trägt dazu bei, dass die Seite nutzungsfreundlich ist.
Standardmäßig beendet Lighthouse die Überwachung von TBT nach Zeit bis Interaktivität (Time to Interactive, TTI), genau wie einige andere Lab-Tools, die den Seitenaufbau messen. Weitere Informationen finden Sie unter In welchem Zusammenhang steht TBT mit TTI?
Der Hauptthread gilt jedes Mal als „blockiert“, wenn eine lange Aufgabe vorliegt, also eine Aufgabe, die länger als 50 Millisekunden (ms) im Hauptthread ausgeführt wird. Der Hauptthread ist „blockiert“, weil der Browser eine laufende Aufgabe nicht unterbrechen kann. Wenn ein Nutzer mitten in einer langen Aufgabe versucht, mit der Seite zu interagieren, muss der Browser warten, bis die Aufgabe abgeschlossen ist, bevor er reagieren kann.
Wenn die Aufgabe, die der Hauptthread länger als 50 ms blockiert ist, wird der Nutzer die Verzögerung wahrscheinlich bemerken und die Seite als langsam oder fehlerhaft empfinden.
Die Blockierzeit einer bestimmten langen Aufgabe ist ihre Dauer, die mehr als 50 ms beträgt. Die Gesamtblockzeit für eine Seite ist die Summe der Blockierzeit für jede lange Aufgabe, die während des gemessenen Zeitraums nach FCP erfolgt (normalerweise die TTI für Seitenladetools oder die gesamte Trace-Zeit für andere Tools).
Betrachten Sie beispielsweise das folgende Diagramm des Hauptthreads des Browsers während des Seitenaufbaus:
Diese Zeitachse enthält fünf Aufgaben, von denen drei lange Aufgaben sind, da ihre Dauer 50 ms überschreitet. Das nächste Diagramm zeigt die Blockierzeit für jede der langen Aufgaben:
Die Gesamtzeit, die für die Ausführung von Aufgaben im Hauptthread benötigt wird, beträgt 560 ms. 345 ms dieser Zeit gelten als Blockierzeit.
| Taskdauer | Zeit für das Blockieren von Aufgaben | |
|---|---|---|
| Aufgabe 1 | 250 ms | 200 ms |
| Aufgabe 2 | 90 ms | 40 ms |
| Aufgabe 3 | 35 ms | 0 ms |
| Aufgabe 4 | 30 ms | 0 ms |
| Aufgabe 5 | 155 ms | 105 ms |
| Total Blocking Time | 345 ms | |
In welcher Beziehung steht TBT zu TTI?
TBT wird über einen bestimmten Zeitraum gemessen. Bei einigen Labortools, die bislang den Seitenaufbau messen, einschließlich Lighthouse, wurde die TBT bis zur TTI gemessen. So lässt sich feststellen, wie stark eine Seite nicht interaktiv ist, bevor sie zuverlässig interaktiv wird. Sie können jedoch weiterhin TBT über TTI hinaus messen, z. B. im Lighthouse-Zeitspannmodus.
TTI betrachtet eine Seite als „zuverlässig interaktiv“, wenn der Hauptthread mindestens fünf Sekunden lang keine langen Aufgaben hatte. Das bedeutet, dass drei 51-ms-Aufgaben, die über 10 Sekunden verteilt sind, die TTI bis zu einer einzelnen 10-sekündigen Aufgabe zurückschieben können.
Diese beiden Szenarien fühlen sich jedoch für einen Nutzer, der mit der Seite interagieren möchte, sehr unterschiedlich an. Drei Aufgaben mit 51 ms haben ein TBT von 3 ms, während eine einzelne 10-Sekunden-Aufgabe ein TBT von 9.950 ms hat, was die Nutzererfahrung erheblich beeinträchtigt.
Da TBT Ausreißer genauer darstellt, ist es oft ein hilfreicherer Messwert als TTI, selbst wenn die TBT-Messung bei TTI endet.
Messung – TBT
TBT ist ein Messwert, der im Lab gemessen werden sollte. Am besten lässt sich die TBT messen, indem eine Lighthouse-Leistungsüberprüfung für Ihre Website durchgeführt wird. Nutzungsdetails finden Sie in der Lighthouse-Dokumentation zu TBT.
Lab-Tools
Was ist ein guter TBT-Score?
Für eine gute Nutzerfreundlichkeit sollten Websites beim Testen auf durchschnittlicher mobiler Hardware eine TBT von weniger als 200 Millisekunden haben.
Weitere Informationen dazu, wie sich die TBT Ihrer Seite auf die Lighthouse-Leistungsbewertung auswirkt, finden Sie unter So bestimmt Lighthouse den TBT-Wert.
TBT verbessern
Wenn Sie erfahren möchten, wie Sie TBT für einen bestimmten Standort verbessern können, führen Sie eine Lighthouse-Leistungsprüfung durch und achten Sie auf alle Optimierungsmöglichkeiten, die aus der Prüfung vorgeschlagen werden.
Informationen dazu, wie Sie TBT allgemein für jede Website verbessern können, finden Sie in den folgenden Leistungsleitfäden: