Assistance Needed to Reduce Total Blocking Time

89 views
Skip to first unread message

Dhiraj Kumar

unread,
Jul 4, 2024, 4:11:37 AMJul 4
to Chrome UX Report (Discussions)

HI,

I hope this email finds you well.

I'm currently struggling to reduce the Total Blocking Time (TBT) for our website, but unfortunately, we have not been able to identify the main issue. Could you please help us diagnose and resolve this problem?

Here is the analysis report from PageSpeed Insights for your reference: PageSpeed Insights Report
https://thinksys.com

Your expertise and guidance in addressing this issue would be greatly appreciated.

Thank you in advance for your help.

Dhiraj

❄ Johannes Henkel

unread,
Jul 9, 2024, 8:01:09 PMJul 9
to Dhiraj Kumar, Chrome UX Report (Discussions)
Caveat: I'm not an expert on this type of performance optimization, and it's also not the focus of this forum; CrUX does not include TBT as a metric. :-)

What I'm seeing in the report that you linked is that Lighthouse (the lab tool, so this is not CrUX / field data) is pointing out to minimize main thread work and to reduce the number of elements (and perhaps the depth?) in the DOM.

It looks like it's a pretty tall landing page for a phone, as in, a long, vertical scroll, which has a lot of detail / nice graphics / design elements.
Maybe this can be made to perform smoothly with tricks / modern web development ... but alternatively, if the design was more focused on what most users expect / look for / use on this landing page, then it might just not need to be be as tall and long of a scroll, and thereby the size of the DOM and the javascript and all that would be naturally smaller as well.

Maybe this article would be a good pointer if you wanted to dig into this with Chrome DevTools etc.: https://web.dev/articles/avoid-large-complex-layouts-and-layout-thrashing
The more general "optimize INP" page is here: https://web.dev/explore/how-to-optimize-inp

Good wishes!

--
You received this message because you are subscribed to the Google Groups "Chrome UX Report (Discussions)" group.
To unsubscribe from this group and stop receiving emails from it, send an email to chrome-ux-repo...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/chrome-ux-report/967bed02-639a-4a5a-a2e5-b3f0746fd5acn%40chromium.org.

Info Tellers

unread,
Nov 17, 2024, 10:36:23 PMNov 17
to Chrome UX Report (Discussions), ❄ Johannes Henkel, Chrome UX Report (Discussions), Dhiraj Kumar

Hi Dhiraj,

I hope you’re doing well.

I can completely relate to your situation, as I am currently facing a similar challenge with my website. Despite trying multiple optimization techniques (like using WP Rocket, compressing images, lazy loading, and minimizing CSS/JS), the Total Blocking Time (TBT) remains high, and I haven’t been able to identify the root cause either.

I’ve been exploring various strategies, including:

  • Simplifying the DOM structure.
  • Reducing unused CSS and JavaScript.
  • Looking into other plugins like Perfmatters for granular script control.

If you manage to find a solution or pinpoint the issue, I’d greatly appreciate it if you could share your insights. I’ll also be sure to pass along any fixes or improvements I discover along the way.

Best of luck with optimizing your site!

Looking forward to hearing from you.

Best regards,
John 

Gilberto Cocchi

unread,
Nov 18, 2024, 3:31:08 AMNov 18
to Info Tellers, Chrome UX Report (Discussions), ❄ Johannes Henkel, Dhiraj Kumar
Adding Content-visiblity:auto to the Menu Wrapper would already reduce some of the Layout overhead of the Menu DOM nodes.

If I were you I would also look at Field data to understand why TTFB first improved and then regressed this year:
Screenshot 2024-11-18 at 09.29.26.png





--

gTech Up

Gilberto Cocchi
Web Ecosystem Consultant
gilb...@google.com
+39 02 3661 8337

Google Italy | Via Federico Confalonieri 4 | Porta Nuova Isola | Building C | Milan 20124

Registered in Milan, Italy


This email may be confidential and privileged. If you received this communication by mistake, please don't forward it to anyone else, please erase all copies and attachments, and please let me know that it has gone to the wrong person.

The above terms reflect a potential business arrangement, are provided solely as a basis for further discussion, and are not intended to be and do not constitute a legally binding obligation. No legally binding obligations will be created, implied, or inferred until an agreement in final form is executed in writing by all parties involved.

Barry Pollard

unread,
Nov 19, 2024, 8:07:26 AMNov 19
to Chrome UX Report (Discussions), Dhiraj Kumar
Similar to my advice here, I would advise to test with and without the various plugins to test the impact of each.

In particular I see a lot of references to "two_page" on your page (I think that might be from your 10Web optimizer?). I'd test without that to see if it's really giving you the benefits you think it is as it looks to be quick heavy to me.

Reply all
Reply to author
Forward
0 new messages