Issues with Woo Product Gallery Thumbnails

How To
1

Set Up: ACSS>Frames>Perfmatters
To get the product gallery thumbnail slider to load properly requires several JS files to be excluded from delay/defer js in Perfmatters, with an impact on page speed and core web vitals.
If I set perfmatters for best speed and core web vitals, the Thumbnail gallery does not load properly. It loads the thumbnails as below.

Product Gallery 2
Product Gallery 21920×1080 101 KB

only converting to the correctly formatted thumbnail gallery slider after some interaction with the page.
I have been working with Perfmatters for a week now and they believe the issue is with the Bricks integration with the woo gallery. Has anybody else had this issue, if so is there a solution to the issue?
All advice gratefully received. Many thanks

2

I’m afraid not, the issue is not with the bricks builder.

Perfmetters is minifying your css and js and that’s the reason your carousel is not working.

If perfmetters is disabled, this will work properly and as a result, this is a perfmetters issue.

Also, this can happen anytime with any theme if you are using an optimization module.

3

Yes, as I mentioned we can make the gallery load fast excluding defer and delay, but the effects on the overall page speed are not acceptable for an ecommerce site. Thanks for your feedback. Mark

4

well if it was only woocommerce and bricks it would be really fast.

if you want performance with woocommerce
idealy pagecache with memcache or redis is way to go if the server supports it.

image

5

Do you mean without ACSS and Frames?

6

I dont know how they may effect speed or optimizations really
I never used them.

but bricks builder really fast and optimized natively that’s what I meant.

7

Not so much when you add woocommerce into the mix though. Thanks

8

how to set wprocket to excluded gallery slider JS files? :smiling_face_with_tear: