M/s VIKASH TECH - We Write Imaginations to Codes..!!

Total Blocking Time (TBT): How it affects your website?

Total blocking time

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.

Total Blocking time
The total blocking time for 2 tasks of 120 ms and 75 ms will be 95 ms.

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 MeasurementPoor 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:

Category :

Comments

No comments found.

Leave a Comment

….

JOIN TODAY

Affiliate Marketing

Latest Posts

Popup Login Form Design in HTML & CSS

Hello readers, Today in this blog you'll learn how to create a Popup Login Form Design using only HTML &…

Popup Subscription Form using HTML CSS & Javascript

Hello readers, Today in this blog you'll learn how to create a Popup Subscription Form or Modal Box using HTML…

Custom Modal Box using HTML CSS & Javascript

Hello readers, Today in this blog you'll learn how to create a Dialog or Modal Box using HTML CSS &…

Neumorphism Profile Card UI Design using only HTML & CSS

Hello readers, Today in this blog you'll learn how to create Neumorphism Profile Card UI Design using only HTML & CSS.…

Tags