Render blocking issue: woo-widget-product-cat, shopping-cart and header-el-searc

Hi there

Good day! I hope you are all well.

I optimized the theme according your 2021 tips and did some elemetor optimizing aswell.
However, i’m still left with these renderblockings. Do you have any advise for how to solve them the best?

wp-content/plugins/elementor/assets/css/frontend-lite.min.css?ver=3.18.2
wp-content/themes/woodmart/css/parts/woo-widget-product-cat.min.css?ver=7.3.4
wp-content/themes/woodmart/css/parts/woo-widget-shopping-cart.min.css?ver=7.3.4
wp-content/themes/woodmart/css/parts/header-el-search-fullscreen-1.min.css?ver=7.3.4

Many thanks in advance,

Br. Rene

Attachments:

You must be logged in to view attached files.

Hi there,

Good day!

This is all without the layzy load option enabeld in theme settings > performance.
Enabeling layzo load with break the sliders on custom archive layout page of the shop, swatches in produc slider and swatched on products in the shop archive page.

Is there a way to get lazy load enabled without breaking the above points?

In WP rocked i have only the option to minify CSS instead of combine CSS as accourdign the 2021 speed opti post. I think thats correct right? (see attached image)

Many thanks in advance,

Br. Rene

Attachments:

You must be logged in to view attached files.

Hi there,

I was doing some more tests with the delay java excecution option in WP Rocket.
When enabled, it breaks the sliders. But it seems that it does help with performance.

So my best guess is, that when the issue of slider breaking with lazyload and delay java execution.
The site will be lighning fast. Could you guys help me to make it possible that the sliders will not break with both options? Many thanks in advance,

Br. René

Attachments:

You must be logged in to view attached files.

Hello,

Please, enable this plugin and turn on lazy loading in Theme Settings so we can check what is wrong with the slider and help you accordingly.

Kind Regards

Dear Artem Temos,

It is all activated accouring the 2021 instructiosn, and waiting for you testing.

Many thanks in advance,

Br. Rene

Added a image of the broken sliders and swatches.
Mainly on mobile it goes well, however it breacks many everytime on PC.

So when this and the render blocking is solved, all will be well i guess.

Many thanks in advance,

Br. Rene

Attachments:

You must be logged in to view attached files.

We see some JS errors in the console that are probably caused by some of the installed plugins. Could you please disable all plugins that are not related to our theme temporarily?

Dear Artem,

Good day!

Thank you very much for checking.
All is disabled, except the woodmart theme related plugins.

I ran status tools and clear chache after disabeling them

Awaiting futher testing.

Thank you very much,

Br. Rene

Dear Artem,

Good day!

To inform you fully.
I’ve just gave the go a head on the full testing another relating ssue that was at the attention of Luke.
Just so that you know, and perhaps can coordinate or not test both at the same time:
https://xtemos.com/forums/topic/how-to-show-0-stock-status-on-variable-products/#post-522916

Many thanks in advance,

Br. René

[Luke Nielsen]

Hello,

The issue is in the Lazy Loading that comes from the WP Rocket plugin: https://take.ms/ACP5m, after disabling it, and defining the “Default” width for the carousel section here: https://take.ms/OhkNv, the carousel and swatches started to appear well, here are a few screenshots: https://take.ms/ukXtR , https://prnt.sc/wcuKQZmhagwF

I have changed all back after testing as it was before so you need to disable the Lazy loading from WP Rocket and change the width value for the section and the issue will be solved.

I suggest you enable our Lazy load functionality in Theme Settings -> Performance -> Lazy loading.

Kind Regards

• This reply was modified 11 months, 4 weeks ago by Luke Nielsen.

Dear Luke,

Good day! I hope you are well.

Thank you very much for checking.
I’m keep having issues with the width sliders on the shop page with a custom archive layout, after applying your suggestions and layzload only in Woodmart theme enabled.

Please see the attached video. In hindsight the video is a but bumby, but i guess you can easy see whats going on.
The visual issues are happening on back-end and front end, as shown in the video.

Could you please give it a re-check?

Many thanks in advance,

Hello,

In order to fix this issue, you need to edit the Product categories element and change its width to “Default” or 100% https://prnt.sc/1k8QaSG_PhXk

Kind Regards

Dear Artem,

Good day! Ah you are right! my appologies for not reading correctly 🙂
I’ved had put all as inline instead of default.

Issue is solved

Many thanks for the help!

Have a great day!

Br Rene

Great, you are welcome! Feel free to contact us if you have any further questions.

[Author]

Posts