Okay
  Public Ticket #2825426
Hundreds of slides loading
Closed

Comments

  • Daniele started the conversation

    Hi, I tried to have a slider in homepage with more than one hundred shuffled slides. Simple slides, with hi res background picture of roughly 700kb each. I thought the plugin would load the slides in groups of 2 or 3 with the progress of the slideshow. Instead whenever I open the website I have a huge delay in loading the page with an intense internet traffic, I guess it's the slider loading all the images all together.

    Is that the supposed behaviour? Is there a way to fix it and avoid that big delay whenever someone opens the website?

    Thanks, Daniele

  •  244
    Kreatura Support replied

    Hello Daniele,

    Thank you for getting in touch with us!

    LayerSlider is using its built-in lazyload feature. As I see your images are too big.

    You should compress your images before upload to your site or you should use an image optimisation plugin. I suggest you to check one of these tools: 
    https://compressor.io/
    https://tinyjpg.com/

    You may want to use webp format images instead of jpg.

    Best Regards,
    Andrea | Kreatura Support Team

  • Daniele replied

    To be honest pictures were already optimised for the web, most of them are 500-900kb, with a few smaller than that, and a few larger. If I try to use compressor.io as you suggested, I get a negligible reduction. I'll try to give them a further reduction (I use PS and Lightroom), but I don't think that is the issue.

    With Chrome dev tools network open, I can see all the pictures are loaded at the beginning. But then I can also see lazy load in action with every slide advancing.

    Is there something not working?

    Thanks

  • Daniele replied

    Hi Kristof, so I reduced the number of pictures to 70. And I also reduced their size despite the quality degrading noticeably. Now each image takes on average less than 300KB. All the pictures are only 20MB. 

    I invite you to try using Chrome dev tools network tab (with cache disabled), you will see that all the 70 pictures are loaded concurrently when you open the page. Last image with my internet connection takes around 16 seconds since the beginning (which makes sense, 20MB with a ~1MB/s network). The rest of the page is loaded when that time is passed, there are 3 more sliders in the page and they only appear when the first one has finished loading. Very inconvenient for the end user.

    Furthermore, after all the pictures are supposedly already loaded, the slider loads them again one by one whenever the slideshow advances. I think this is how it is supposed to work, but the pictures should not be loaded all together at the beginning. That way I'll also be able to increase the size and quality of the images without worrying about clogging up the first loading 

    Can you please have a look and let me know if there is something to fix?

    Thanks a lot. Daniele

  •  244
    Kreatura Support replied

    Hello Daniele,

    Thank you for your feedback!
    You should try to enable the slider settings / misc / enhanced lazy load option. (show advanced settings enabled)

    Best Regards,
    Andrea | Kreatura Support Team

  • Daniele replied

    Hi Kristof, enabling that option actually helps, because the rest of the page is loaded before the first has finished loading all the images. Still I'd prefer not to see all the pictures being loaded all together when you open the page.

  • Daniele replied

    Hi Kristof, my homepage size is currently 22MB, 20MB of which it's the slider's pictures. That's not good for SEO, I need to get the total size to 1-2MB. The only solution is that the slider doesn't load all the pictures in one go when you open the page. Can you explain how to achieve that. The slider should load the pictures asynchronously.

    Thanks for your support, Daniele

  •  244
    Kreatura Support replied

    Hello Daniele,

    LayerSlider has a built-in lazy load feature, so it should load the content of the actual and the next slide only, not all of them. So this problem is probably caused by a 3rd party plugin, for example a cache plugin or an image preloader. 
    We often ask our customers to temporarily disable other plugins and switch to one of the default WP themes. This way we can quickly eliminate external and 3rd party factors. If it solves the problem, you can find which item caused the trouble by re-enabling them one-by-one and watching when the issue comes back.

    Best Regards,
    Andrea | Kreatura Support Team