Woodmart performance with multiple "AJAX TABS AND PRODUCT SLIDERS"

Hi,

Great theme!
However, we notice a really bad performance when we use quite an extensive amount of ajax product tabs with product sliders inside of them.

Query Monitor tells us that it takes 4-6second for php operations.
Google’s dev console test shows a super extensive 20-30 second time (please see picture attached).
What it seems and feels like, the extensive js calls clashes the page on load…

Tried many improvement methods and cant seem to fight this one.
also have disabled variations on archives with this code provided from support:
function woodmart_swatches_list( $attribute_name = false ) {}

Any suggestions?

Hello,

Could you please disable all plugins that are not related to our theme so we can check it?

Thank you in advance

Hi,

It’s a development site, so you can disable/enable the ones not related or for testing purposes.

Please, send us your FTP access as well.

Please see below

Could you please check the performance now?

Hi,

Thanks for quick actions.
However, it doesn’t “feel” that anything changed. Neither does query monitor show anything good. 4s+ php time for just 5 most theme relevant plugins active + query monitor.
Google dev console showing 17s+. Scripting/rendering times did not change much.

Does it “feel” good refreshing the homepage? It’s laggy like a game for multiple seconds…

Don’t get me wrong – all the other pages are fine. I don’t have any problems with that.
I am just really worried about the performance of product slider and tabs.

Please, keep the child theme deactivated while testing https://gyazo.com/d2944da4ebf0159990914ffcbd849d49

Hi, sorry about that.

Sorry, missed the screenshot. Are you saying you’re done?

It’s not about first document. Its about javascript optimization. it takes 7 seconds to render 2×2 product tabs with sliders inside with javascript provided with woodmart for the homepage that is set up on our website.

We don’t see any problems with loading speed and rendering at the moment https://gyazo.com/b555d182fc7fb3f626a089215431623c
Yes, a lot of sliders will add some loading to the browser render process but it is how it works. More scripts executions you have – more loading time. But in general, your website is fast enough and render process is not very long at the moment.

Please check performance tab in google chrome dev console and hit shift+cntrl+e
http://prntscr.com/mt3o65
scripting 2 secs
render 5 secs
idle 5 secs

How can we reduce any of those?

You can reduce the rendering time by reducing number of dynamic elements on the page like sliders.

[Author]

Posts