Website’s Mega Menu Shift Causing Poor CLS Core Web Vitals

Hi @mmazhari,

Thanks for reaching out to us. I’ve checked your site, it seems right to me. But I barely know how much it’s affecting your CLS (Cumulative Layout Shift) core web vitals. It would be great if you kindly elaborate on the difference in your site performance. In the meantime, you can apply the following steps:

Clear all the cache from your website including any plugin, browser, server, or CDN (eg. Cloudflare) also try disabling the Cache/Optimization plugin for some time if you are using one.

After that regenerate the CSS and Sync Library from Elementor > Tools (screenshot) and make sure that you’re using the latest versions of the plugins.

Regards

Arif

Hello,

Please check this report: https://gtmetrix.com/reports/silvercross.com/BG9JNSql/

https://easyupload.io/4q6pqp

Screenshot: https://prnt.sc/CW1eb-AE2QhO

I have also did everything you suggested. Still has the issue.

Thanks,

Hi @mmazhari

Thanks for sharing the details. According to your site performance, I can see the MegaMenu is loading within as usual time even lower than other elements (screenshot).

I would like to inform you that we have implemented industry-standard code practices as well as minified, optimized code to get the best out of it. To get the lightweight of the plugin you can disable the widgets and modules that you are not using on your site. That will disable all associated assets of those widgets to improve your site loading speed. Please check this?screenshot.

Kind Regards

Arif

• This reply was modified 1 year, 4 months ago by Md Abdullah Al Arif.

Hi Support,

I have completed all the steps you suggested, but my widgets were disabled from the beginning, and it didn’t resolve the issue. I believe your plugin is not optimized at all and is not working efficiently with Elementor. We are experiencing a very poor Cumulative Layout Shift (CLS), which is negatively affecting our SEO score. This issue is related to Core Web Vitals and is causing a subpar user experience (UX). It’s not just about speed; SEO also cares about UX!

Hi @mmazhari,

I hope you are well. Usually, these third-party sites scan and measure the website’s performance with a bot. Moreover, it’s a suggestion. Have you seen the improvement explanation (screenshot)? It’s pointing out the nav menu animations. Not only this but any website in the world will be detected as slow due to animation effects.

It describes some of the CSS property unsupported, but it’s the most commonly used property in the CSS world.

It would be highly appreciated if you kindly specify the matter of How the plugin is not optimized and is not working efficiently with Elementor. Your site performance score is 63% and your structure is 95%! If there are any issues with the SEO/UX and web core vitals, then how the structure is scoring 95%? It doesn’t make sense to me.

Site performance can be optimized in multiple ways. It depends on the Hosting Server, PHP Memory Limit, images, contents, etc. You can learn more from open sources.

If there is anything I missed on your points, advise me, please. We are happy to help.

Regards

Arif

• This reply was modified 1 year, 4 months ago by Md Abdullah Al Arif.

Hi Abdullah,

Please just refresh several times, you’ll see the shift animation from the header mega menu. Why there is an animation there? How can I disable that?

Thanks,

Hi Abdullah,

I updated the app to a newer version and the CLS problem has been fixed.

Now I can see 96% performance speed.

Thanks,

Hi @mmazhari,

Glad it resolved your issue. I really appreciate your kind patience and cooperation.

Thanks for being with us.