Core Web Vitals

Co to jest TBT (Total Blocking Time)

Łączny czas, przez który główny wątek przeglądarki jest zablokowany przez ciężkie zadania JavaScript.

Aktualizacja:
Krótka odpowiedź

TBT (Total Blocking Time) mierzy łączny czas, przez który główny wątek przeglądarki jest niedostępny dla użytkownika podczas ładowania strony. Każde zadanie JavaScript dłuższe niż 50 ms blokuje wątek. Dobre TBT wynosi poniżej 200 ms. TBT jest laboratoryjną wersją metryki INP - mierzy potencjalny problem z reaktywnością strony.

Kluczowe fakty
Pełna nazwa Total Blocking Time
Dobry próg ≤ 200 ms
Słaby próg > 600 ms
Próg blokowania Pojedyncze zadanie > 50 ms
Lab proxy dla INP (field metric)

Co to jest TBT?

TBT (Total Blocking Time) mierzy, jak długo główny wątek przeglądarki jest niedostępny dla użytkownika podczas ładowania strony. Każde zadanie JavaScript dłuższe niż 50 ms „blokuje" - w tym czasie strona nie reaguje na kliknięcia, scrollowanie ani inne interakcje.

TBT vs INP - różnica

TBT jest metryką laboratoryjną - mierzy potencjalne problemy z reaktywnością na podstawie symulacji w Lighthouse. INP to metryka „field data" - mierzy faktyczne opóźnienia, jakich doświadczają realni użytkownicy. TBT jest dobrym proxy dla INP, ale to INP jest oficjalną metryką Core Web Vitals.

Progi dla TBT

  • ≤ 200 ms - dobre TBT
  • 200-600 ms - wymaga poprawy
  • > 600 ms - słabe TBT

Jak poprawić TBT?

  1. Wyrzuć nieużywany JavaScript (zobacz Nieużywany JS)
  2. Wczytaj skrypty marketingowe async/defer, najlepiej po interakcji
  3. Podziel długie zadania JS na mniejsze fragmenty
  4. Code splitting - załaduj tylko kod potrzebny dla bieżącej strony
  5. Przenieś ciężkie obliczenia do Web Workera

Najczęstsze pytania

Czym dokładnie różni się TBT od INP?
TBT to lab data - pomiar symulowany przez Lighthouse w kontrolowanym środowisku, mierzony tylko podczas ładowania strony. INP to field data - realne pomiary od użytkowników Chrome, z całej sesji (nie tylko ładowania). TBT jest dobrym proxy dla INP, ale Google używa INP do rankingu, nie TBT.
Czemu próg blokowania to akurat 50 ms?
RAIL model Google mówi, że użytkownik traktuje interakcje poniżej 100 ms jako natychmiastowe. 50 ms jest połową tego budżetu - daje przeglądarce zapas na pozostałe operacje (renderowanie, kompozytowanie). Zadanie dłuższe niż 50 ms może spowodować, że kliknięcie zostanie przetworzone z opóźnieniem widocznym dla człowieka.
Czy TBT można zmierzyć w field data?
Nie bezpośrednio - TBT jest definicją laboratoryjną, wymagającą znajomości momentu FCP. W field data Google używa zamiast tego INP, który mierzy faktyczne opóźnienie interakcji. W lab tools (Lighthouse, PageSpeed Insights) zawsze widzisz TBT, w polowych raportach CrUX - INP.
Powiązane pojęcia
INP (Interaction to Next Paint)Nieużywany JavaScript - co to jest i jak go wyciąćCore Web Vitals (CWV)

Sprawdź swoją stronę

Wpisz adres swojej strony, w 30 sekund zobaczysz konkretną listę problemów do naprawy - wraz z wpływem na sprzedaż, SEO i koszty reklam.

Zacznij test →