Trying to reduce "Total Blocking Time"

Ask the community
1

Hi guys

Still a beginner, built my own website for the past few months,

I am trying to improve time loading and the customer experience by reducing the amount of time it’s take to interact and fully be loaded.

I got a glass pictures business, so the majority of the web is full of pic (around 150-200K per pic)

I already removed all the videos, tried to reduce the amount of layouts, minimize the amount of animation as well.

But I am pretty stuck in understanding how to reduct the amount of “Total Blocking Time” and make it even more faster
https://gtmetrix.com/reports/src-collection.com/RUAYdy3s/

Feel free to review my website, www.src-collection.com and share your opinion as well

But I’d love to know how to make it faster : )
Thanks in advance for everyone who invest time in helping

2

?

3

this article on performance improvement may help you:
https://www.wix.com/blog/2022/05/website-performance/

along with this in Wix we have dedicated team to the questions related to the site loading speed, so to receive full-fledged investigation, please contact them here:
https://support.wix.com/en/article/contacting-wix-customer-care-for-support

4

Hi @info38986

Hi, I had a look at your site and the speed tests you shared. You’ve already done a great job by removing videos, reducing animations, and keeping the layouts simpler. The main areas where you can still improve are image handling and how scripts load. Let me break it down:

1. Optimize and Lazy Load Images

Since your business relies heavily on pictures (glass artworks), images are the biggest factor in loading speed. Even if each file is around 100–150 KB, dozens of them loading together will slow things down.

:white_check_mark: Solution:

  • Convert images to modern formats like WebP.

  • Use lazy loading so images load only when a visitor scrolls to them.

Code example:

<img src=“glass-art.webp”

 alt="Glass Artwork" 

 loading="lazy" 

 width="600" 

 height="400">

This way, your images won’t all load at once, but only when needed.

If you’re not sure how to set this up, tools like Image Optimizer Pro https://www.wix.com/app-market/media-compressor can automatically compress, resize, and deliver the correct version of your photos, so your site still looks sharp but loads much faster.

2. Reduce Total Blocking Time (TBT) with Script Deferring

TBT usually comes from JavaScript running too early and blocking the page. You don’t need to remove scripts, just tell the browser to load them later.

:white_check_mark: Solution: Add the defer or async attribute to non-critical scripts so they load after the page is visible.

Code example:

This ensures your content shows quickly, while extra features load in the background.

Since your site is very image-heavy, one of the biggest wins will come from smart image delivery and reducing script delays. Recommended**:** instead of testing and tweaking each step manually, you can use specialized tools that take care of this automatically. For example, Website Speedy https://www.wix.com/app-market/web-solution/websitespeedy is designed to handle things like compressing and resizing images, lazy loading, and optimizing scripts in the background — so you can focus on your business while the site stays fast.