Unfolding "mobile menu" time and "Accordion" unfolding time on Front page are very slow in reactiveness

Support
#1

Hello,

Already for some time I’m dealing with an issue that I can’t seem to fix. On my front page https://kitesurfspot-vietnam.com some elements are very slow in responding when you click on them.

The “mobile menu” button and the “Accordion” element are affected by this. It can take up to 10 seconds before they are responding.
And even after this time when you click the other element the same thing happens. So for example the Menu button starts to work after 10 seconds waiting and then it is working instantly, but when I click the “Accordion” element it also takes 10 seconds or so for it unfolds, when I go then back to the “menu” button it will take again 10 seconds or so until the menu button unfolds. I hope I could explain the issue clear enough.

It looks like only on the frontpage these 2 elements are causing issues.

Thanks for your help.

Cheers,

Jeroen.

#2

Hi Jeroen,

Hope you’re doing well today. I’ve taken a look at your site and both of those elements are loading instantly for me. I tried again with cache disabled and developer tools open and noticed a slight delay on the accordions (about a second) but no delay on the mobile menu.

I see you’re running an optimization plugin that is repackaging styles and scripts. At this point my suspicion would be that it could be waiting for the page to load other resources before the event handlers are properly setup to manage opening and closing those toggles. What you would need to try first in troubleshooting this is fully disabling any caching and optimization systems. This will help us narrow down if there is an actual issue with the theme itself, or if it’s an issue with those optimizations and how they are altering theme files.

Additionally, you can test for a plugin conflict by disabling all the plugins on the site (except Cornerstone) and see if the issue remains. This can help isolate a plugin that might be causing an issue.

#3

Hello Alexander, thanks for your reply.

It’s strange that on your end you don’t have these delays, I tried it on many different browsers (Chrome, Firefox, Duckduckgo) and all browsers have this delay on my end, Chrome seems to be the fastest responding but it still takes many seconds. I disabled all my caching plugins but still the problem remains. I do notice that only on the frontpage this problem exists, for example on the “Lessons” page I’m also using an Accordion element but here everything works fine, including the mobile menu. Is there anything else I can do to find out where the problem is?

Thanks again.

Jeroen.

#4

Hi Jeroen,

Yes we do see the delay, but not 10seconds, and it only happen once, On succeeding click the Accordion and mobile menu are very responsive.

Sometimes just disabling caching plugin/feature is not enough, you need to re-activate those caching and CLEAR your cache.

It looks like your site is under Cloudflare, then you need to login to your Cloudflare dashboard and Purge all your cache. And put it on a development mode for awhile. If that resolves the issue then we know you need to configure your Cloudflare settings properly.

If the clearing of cache did not work, please do testing for a plugin conflict.

Cheers!

#5

Hello and thanks for your reply,

I tested for a plugin conflict and it looks like the Envira gallery plugin is causing the problems. Now that I know this, what is the next step that I can take?

Thanks in advance.

Jeroen.

#6

Hi Jeroen,

I activated Envira Gallery again and I don’t see any issue with menu and accordion, it’s almost instant collapsing and expanding.

But to explain it why it happens, the envira, menu, and accordion uses javascript and the more javascript running, the more it will be slow and it uses CPU resources. That’s why I can’t reproduce it on faster device, but I can confirm it slower one. Any optimization can’t fix this since it’s javascript execution, but can be fixed by reducing executing scripts, like disable some animation, using simpler grid, and so on. Could you try another grid like essential grid?

Thanks!

#7

Hello, thanks for your answer. I found the issue.

Because I thought it is strange that the issue only was happening on my frontpage, I looked at the settings in my different galleries, so it turned out that in the gallery that is showing on my frontpage I had Lazyload activated. And that caused all the delay in my menu button and my Accordion elements.

So everything is working ok now.

Thanks.

#8

Glad it’s working now and you’re most welcome!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.