LazyLoad “exclude” not working on Chrome?

  • Resolved capabomba

    (@capabomba)


    3 years, 7 months ago

    Hello,
    I’m having a problem with the slider of my website. When LazyLoad is activated, the slider doesn’t work properly as the pictures are not loaded correctly and they all get shifted outside of the slider box.

    I tried to exclude some classes and IDs to solve the problem and this seemed to work only on some browsers (Firefox, Edge, Opera) but not on Chrome.

    I’ve tried to add as many classes as possible that are related to that area, but no luck. See below:

    slider
apmag-slider-area
slide-image
slider-wrapper
bx-controls-direction
bx-controls
bx-has-controls-direction

    Can you help me out?
    Thanks!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi @capabomba,

    Thank you for contacting us.

    Sorry to hear you are having trouble with lazy load option. Could you confirm you have disabled any lazy load option within your slider plugin or any other plugin or theme option?

    Also, here is how I can see it on Chrome: https://snipboard.io/TpBqM4.jpg

    I’m seeing images loading and hot shifting. Could you make sure the cache has been cleared on your browser and provide us with a screenshot of how it looks on your side?

    Best,
    Jonathan S

    Thread Starter capabomba

    (@capabomba)

    Hi Jonathan @wpmudev-support,
    thanks for your message.
    I’m still using Lazy Load for the rest of the webpage, so I only tried to disable it for the slider. How do I make sure that I disabled all lazy load options for that?
    Here some screenshots of the settings:
    https://snipboard.io/CJkzBU.jpg
    https://snipboard.io/b7NLx9.jpg
    https://snipboard.io/ZrVwUC.jpg
    https://snipboard.io/EGpfjX.jpg

    And this is what I see from Chrome (Windows 10) after clearing cache and all.
    https://snipboard.io/BOhSMV.jpg

    Plugin Support Nithin – WPMU DEV Support

    (@wpmudevsupport11)

    Hi @capabomba,

    It seems like the screenshot URLs shared is no longer working. Could you please try switching to the “Native Lazyload” feature and then see whether that helps with resolving the issue noticed?

    The mentioned settings to enable “Native Lazyload”, are located under Smush > Dashboard > Lazyload page.

    Screenshot at 17:05:08.png

    Please do let us know how that goes. Have a nice day ahead.

    Best Regards,
    Nithin

    Thread Starter capabomba

    (@capabomba)

    Hi,
    I enabled Native Lazyload but I’m still having problems with the slider which is only appearing if I scroll the page down, although it’s one of the first elements of the page and I tried to exclude it from lazy load.

    https://i.postimg.cc/8kKWb48b/Screenshot-2021-04-09-222601.png

    Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @capabomba

    I hope you’re well today!

    I have visited the homepage of your site now and I can see the image but it seems you might have lazy load entirely disabled currently – is it disabled?

    The issue here is a bit different, I’m afraid: you cannot exclude a single image(s) from Smush Lazy Load by their wrapper/parent classes. This slider’s images don’t seem to have any specific CSS ID or class assigned – only their wrapper blocks have. To exclude image from lazy load you would need to use CSS ID or class of the specific IMG tag that loads given image which, in this case, doesn’t have one.

    Possible ways around that are:

    – trying “native lazy load” – which is a lazy load not handled by Smush scripts but by browser only; if with this lazy load the issue is still happening it means it’s a “slider-browser” issue rather than related to Smush

    – if above doesn’t work, it would be best to find a way to add a class to image; depending on the slider that you are using there might be an option to do this but if not, you might need to reach out to slider support and ask them if it could possibly be achieved with some additional code (like using some filter hook built-in into such slider to add CSS ID or class to the IMG tag generated by slider scripts)

    – and if that’s not an option as well, excluding entire page from lazy load might be necessary.

    Kind regards,
    Adam

    Thread Starter capabomba

    (@capabomba)

    Dear Adam, thanks for your reply.
    Yes I disabled it entirely as it wasn’t loading the slider properly. I’ll try to have a look at your other workarounds but if this is too much trouble I’ll just leave it disabled I guess. The slider is part of the theme btw.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘LazyLoad “exclude” not working on Chrome?’ is closed to new replies.