Question about lazy load with image slider

  • Resolved cag8f

    (@cag8f)


    5 years, 2 months ago

    Hello. My site has many pages that possess an image slider with ~20 images (example page).
    I am currently using a separate plugin to lazy load images. The issue with this plugin is that on initial page load, the plugin seems to download the first 5 images in the slider. When a visitor scrolls through the slider with the slider navigation arrows, and clicks through to the 6th image in the slider, the plugin will then download the next 5 images in the slider. As you can see, this results in a blank slide to briefly slide into view, while those 5 images are downloaded. Will the lazy load feature in your plugin alleviate this issue, or will it suffer from the same issue?

    For example, the ideal solution would be if way your plugin could perhaps download the first 5 images, then, when a user clicks the slider through to the second image, the plugin would download the 6th image. And when a user clicks through to the third image, the plugin wouid download the 7th image.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author nosilver4u

    (@nosilver4u)

    I’m afraid sliders are not great for lazy-loading, since there’s generally no concept of a slide being “almost” in view. I know our lazy loader works with Metaslider (but it still only loads once the slider comes into view), and some sliders have their own lazy loader, which is generally the best route to go.

    In general, sliders just stink for performance, so I never use them personally. But if you’re set on using a slider, I would look for a slider that has lazy load built-in.

    Thread Starter cag8f

    (@cag8f)

    >> In general, sliders just stink for performance, so I never use them personally. But if you’re set on using a slider, I would look for a slider that has lazy load built-in.

    OK got it. Do you know of any sliders off the top of your head that have lazy load built-in?

    >> there’s generally no concept of a slide being “almost” in view.

    Well what about the solution I proposed? One in which initial page load downloads the first 2 images in the slider. When the second image slides in, the page then downloads image 3. When the third image slides in, the page downloads image 4. And so forth. Or you could change the numbers a bit, and download the first 3 images on initial page load. When the second image slides in, the page then downloads images 4 and 5. When the third image slides in, the page then downloads images 5 and 6. And so forth. Wouldn’t that be a decent lazy load solution? I know that’s not so simple to implement, and I’m not demanding that you do so. But couldn’t that at least serve as a blueprint of how one might implement lazy loading with a slider?

    Plugin Author nosilver4u

    (@nosilver4u)

    Off the top of my head, the only slider I know that has lazy load built-in is Slider Revolution. But it’s not free, so I don’t know if that’s an option for you.

    As you suggested, if you’re building a slider, the smart thing to do is load 1-2 images in advance. I couldn’t tell you for sure if Slider Revolution does that or not, but I’m sure you could contact ThemePunch to find out.

    Thread Starter cag8f

    (@cag8f)

    OK thanks for all that. We can consider this resolved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Question about lazy load with image slider’ is closed to new replies.