It’s great to create a website and move your business online. Almost everyone does the same but there are certain things that you don’t notice while you start with your awesome world of internet. One of them is Total Blocking Time (TBT)
The total blocking time is the matrix that is used to consider the performance of the website.
Total Blocking Time (TBT) is a time based metric that describes JavaScript main thread activity. It is useful for understanding how long a page is unable to respond to user input.
TBT is designed to be more reliable than Time to Interactive, which can show more variation due to rogue JavaScript tasks.
How is Total Blocking Time calculated?
Total Blocking Time totals the duration ”blocking period” of long JavaScript tasks that occur after First Contentful Paint and before Time to Interactive. The blocking period is the duration of a task that is over 50ms. For example, a task that is 120ms in duration will be calculated as 70 ms of blocking time.
What Total Blocking Time measurement is fast?
Pages with < 300 ms of blocking time can be considered as fast, 300—600 ms as average whereas durations over 600 ms are considered slow. Learn more about Total Blocking Time.
| Good TBT Measurement | Poor TBT Measurement |
|---|---|
| ≤ 300ms | > 600ms |
How to reduce Total Blocking Time ?
To learn how to improve TBT for a specific site, you can run a Lighthouse performance audit and pay attention to any specific opportunities the audit suggests.
To learn how to improve TBT in general (for any site), refer to the following performance guides: