Two sections with desktop and mobile Slider Revolution

[fbrugger]

Hi there

I have set up two sections with each has inserted a Slider Revolution Hero Gallery. One section is for two desktop breakpoints, which I hide on the 3 smaller breakpoints. The other section is for mobile, with different cropped images in the slider backround layer. This section is activated for the three smaller breakpoints in Pro.

Everything is working well, except that the hidden mobile slider section slows down the loading time from the desktop slider section extremely.

It takes about three seconds for the first slide to appear on desktop. As soon as I delete the mobile section, the desktop section loads immediately. I have also tryed to position the mobile section below the desktop section, but it didn’t help.

Is there a solution in Pro, not only to hide a section in certain breakpoints, but also to prevent loading its content in this not required breakpoints?

Or do you have a other suggestion for solving this performance problem?

Thank you very much for your help!

Kind regards,
Felix

[christian]

Hey Felix,

Regretfully, there’s no feature in Pro that can prevent loading of content.

If you need website speed optimization, you can subscribe to our Boost service.

Thanks.

[fbrugger]

Hi Christian

Ok, thank you very much for your reply and for the tip with your Boost service.

Kind regards,
Felix

[prakash_s]

You are most welcome, Felix

[fbrugger]

Hi there

I just wanted to add, that I am already customer of your Boost srevice and this service is really great! I am just not shure if Boost could help with this particular issue because all image content of two different sliders still would be loaded even though on each device only one is required.

I was able to solve the problem very easy with installing the “ Insert PHP Code Snippet “ plugin and created a new snippet & add the below code ->

<?php if ( !wp_is_mobile() ) { add_revslider('Desktop-Hero-Slider'); } else { // mobile devices add_revslider('Mobile-Hero-Slider'); } ?>

Then I addedthe generated snippet as a shortcode into the section on the page:
[xyz-ips snippet=“Slider”]

With this it not only hides the desktop slider on mobile and hides the mobile slider on desktop, the not required sliders and its image content are not loaded and generate heavy data traffic for nothing.

I still think, this would be a great feature to add to your Cornerstone Builder in X and Pro. It really would have a great impact on site speed, if content on hidden sections could be prevented from loading.

Maybe you can forward this input to your developement team for further versions of X and Pro.

Thank you very much and kind regards,
Felix

[tristup]

Hi Felix,

It is a great suggestion, and I would surely convey it to our development team so they can consider this in the future.

Thanks