[AndreiParticipant]

I have a ConvertPlug pop-up which activates after a few seconds after someone visits my website. I also noticed that the screen resizes when this pop-up appears and also when I close it. You can see this on mobile and wide screens too. The menu jerks too after this pop-up.

[AndreiParticipant]

Sorry, actually you can see it on desktop and laptops, but only when you make the screen lower than 1200px.

[RadModerator]

Hi there,

About the menu, it works fine and smooth, but it will really going to be sluggish if you spam it with tap/click. That menu is operated by javascript in which need processing power, unlike CSS. And javascript performance is different from desktop and mobile, the reason why other features should be running on desktop and mobile. To lessen the resources needed to execute it. It behaves differently from each device with the different greater availability of CPU, memory, and other resources.

About the previous question about controlling the animation of the slider when the address bar disappears. Browsers utilize the event such as on click, resize, hover, on touch, on load, and etc. to trigger something. And address bar showing and hiding has no event to trigger it, the question is when it will be hidden to trigger the javascript that controls the slider? Would be tricky since each browser behaves differently and it has no direct connection to interface or address bar. A site is simply a set of script and HTML running within a browser. It can’t control what’s outside that window.

My screen is 1920px and ConvertPlug appears, also checked it on mobile and popup works as expected. Maybe it’s about the timing, how about waiting for it before resizing your browser? Would you mind providing a video recording for screen resizing when it opens?

Thanks!

[AndreiParticipant]

Hi Rad,

I don’t think the cause of the menu being sluggish is the spam with tap/click. I attached 2 new videos that will show you what I mean. If you look at the first video, which is a random page that doesn’t have the slider on it, you will see that the menu works fast, without being sluggish. In the second video, you will see that I have the same menu, the burger provided by X Theme, and the page is the Home page, which has the slider on it. You can see that the menu lags a lot, and it lags on the first touch, so this is why I think it is not about being spammy. I uploaded the videos on wetransfer again, because of the size limits https://we.tl/2QR6Y0RtIW

[ChristianModerator]

Based on what you said, your page has too much script that a mobile graphics or processor could handle. It would be best to limit content that uses Javascript or even CSS animation.

Thanks.

[AndreiParticipant]

Hi Christian,

I assumed that what you say is true and I changed my home page for mobile. I deleted the revolution slider and I added a simple background image. The result is the same. When I scroll at the bottom of the page, the background jumps and after this the menu is very sluggish. I didn’t post a video because it is the same result. Please help me because I can’t launch my website like this. Thank you.

[AndreiParticipant]

I even eliminated the ConvertPlug from my home page so my home page is very simple right now.

[AndreiParticipant]

I uploaded a video on wetransfer. Notice how the menu reacts before the slider jump and notice how it reacts after the slider jump. I don’t think this is about graphics or processor. https://we.tl/NOcD2BXAaa

[RadModerator]

Hi there,

Yes, I can see from the video that it’s more related to the device’s performance too. I tried it on a different device and it works a bit smooth than what you have on your video.

Instead of using CSS to hide the slider on mobile

@media (max-width: 1200px)
#rev_slider_14_1_wrapper {
    display: none !important;
}

Why not disable the slider on mobile? The slider has its own setting for that 🙂

Hiding it only affects the visibility but it still run on your site which of course affect your mobile performance. Please try that.

Thanks!

[AndreiParticipant]

Yes, it works! Thank you very much Rad! I appreciate your patience.

[AndreiParticipant]

Do you have any idea how can I disable my mobile revolution slider from desktop? I don’t want to just hide it.

[Paul RModerator]

Hi Andrei,

Please see attached screenshot.

Thanks

[AndreiParticipant]

Hi Paul, I know how to disable a slider on mobile. Actually I want to disable a slider on desktop. This is the slider that I use on mobile. For desktop I have another slider. I managed to hide it, but it still runs on desktop and I have 2 slides that run and this makes my home page heavy and affects the performance.

[RadModerator]

Hi there,

It’s not currently possible, but would you mind adding this code to your slider’s custom javasctipt?

jQuery( document ).ready( function() {

if ( jQuery(window).width() > 979 ) {

setTimeout( function() {

revapi1.revkill();

}, 300 );

}

} );

Then go to your slider’s setting under API section and find which API instance your slider has.

Then change this line according to it

revapi1.revkill();

Examples,

revapi2.revkill();

revapi3.revkill();

revapi4.revkill();

Hope this helps.

[AndreiParticipant]

I think it works. Thank you.

[Author]

Posts