Hidden Elementor sections slow down website. How to fix?

[GoodWeatherCorp]

Start a Discussion

I’m using Elementor’s Responsive settings to create device-specific sections. Meaning there are sections that are only visible on Desktop, sections that are only visible on Tablets, and sections that are only visible on Mobile.

The problem is that when the website is opened it loads every single section first, including the invisible ones. This means that if you visit the website on a mobile device it will wait to load all sections, including the desktop and tablet sections that the user does not see nor need, and only until all sections are loaded does the website open. This hugely slows down the website’s loading time. I verified this by deleting all sections except the mobile ones and the website’s mobile performance score on PageSpeed Insights literally doubled.

Why does Elementor block the page from opening until the invisible unneeded sections are loaded? Is there a way to defer their loading until after the page has loaded?