Total blocking time (TBT).
A website that loads as fast as possible: this is the wish of every business owner. Measuring Total Blocking Time is one way to gain more insight into this. What is Total Blocking Time and how does it work on a Web site? You can read all the important information on this page.
What is Total Blocking Time?
Total Blocking Time (TBT) is a measurement of how long a page loads. It measures how long a page takes to block when loading. When there is blocking, it takes longer for a visitor to have options on a website.(1)(2)
This is how TBT works
Total Blocking Time is part of Google Lighthouse; it is one of the Google Core Web Vitals. The loading time of a Web site is one of the most important components of a properly functioning site. The faster a page loads, the better. A slow website may cause visitors to leave your website and therefore not proceed to make a purchase.
Knowing about important things like Total Blocking Time will give you a better understanding of the current status of your website and how to change it. TBT measures what is going on on the website between the First Contentful Paint and the Time to Interactive, so to speak.
The impact of Total Blocking Time on SEO.
Total Blocking Time potentially impacts the SEO of a website or page, especially when you consider other important issues, such as Largest Contentful Paint and Cumulative Layout Shift. The latter two are important ranking factors for Google, so it is smart to include them in the SEO strategy.
My advice
Google Lighthouse’s key measurement tools offer great insight and opportunities for a website’s search engine optimization, as well as its usability.
We recommend delving into this metric from Google, in conjunction with other key metrics. This gives you insight into the speed of your page, but also makes it a lot easier to make changes. This makes for a faster website, more traffic and also more conversion.
The most complete book on website speed
I’ve written so much about speeding up websites and everything involved that I like to divide it into different sections; general, tools, speed improvement points and tips. Feel free to see and consult all the links below to learn more about tools and tips for speeding up your website.
General
- What is the website speed
- Website speed: The division between marketing and development
- The influence of SEO on UX
- The influence of web design on SEO
- SPAs and SEO
- What are the Google Core Web Vitals?
Tools
Verbter points for speed
- First Contentful Paint (FCP)
- Time To First Byte (TTFB).
- Time To Interactive (TTI).
- Image for Largest view with content (LCP) preloaded
- Enable text compression
- Reduce the CSS
- Speed Index
- Reduce JavaScript
- Largest Contentful Paint
- Avoid an overly large DOM
- Delete unused CSS
- Remove unused JavaScript
- Deliver images in modern layouts
- Connect in advance to required origins
- Preventing obsolete JavaScript from being delivered to modern browsers
- Use an efficient cache policy for static items
- Remove duplicate modules from JavaScript
- Avoid multiple redirects
- Encode images efficiently
- Use lazy loading
- Load important requests in advance
General tips
- Tips for quickly loading a video
- Using Edge SEO for a faster website
- Installing a Content Delivery Network for SEO
- Optimizing images for SEO
- The influence of hosting on SEO
- What’s New In DevTools (Chrome 84) | Blog | Chrome for Developers. (s.d.). Chrome For Developers. https://developers.google.com/web/updates/2020/05/devtools
- Rendering on the Web. (2019, Feb. 6). web.dev. https://web.dev/articles/rendering-on-the-web#terminology