Lazy Load ideas

  • Resolved szmigieldesign

    (@szmigieldesign)


    7 years, 9 months ago

    Hello,

    I have two ideas relating to issues that I’m having with Lazy Load:

    1. Currently it’s possible to filter out images based on their names or data-no-lazy=”1″. It would be very helpful if filtering could also work on img classes. It would be mind blowing if it could work on img container classes (think about Slider Revolution for example).

    2. Lazy loading sometimes breaks other scripts, like masonry. It looks like the script renders square placeholders instead of a target image size. It happens with BeTheme’s blog masonry layout for example. This also leads to layout shifting when the image is finally loaded – it’s not the best user experience.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Hai Zheng⚡

    (@hailite)

    7 years, 9 months ago

    Hi,

    I agree we need to figure out a way to make slider work better.

    1. It’s hard to use image container because it needs to parse the html structure which will cost a lot. However, it’s possible to use images’ class name as the filter. Do you think we should give a textarea setting under Media tab for this?

    2. On the link you gave I didn’t see the masonry or other sliders that is using lazy load. Can you specify it a bit more? If you specify the width&height for those images, it won’t shift before fully loaded. I noticed you have the w&h in <img width="490" height="308" src="https://xxx/xxx-490x308.png" class="scale-with-grid wp-post-image". Does it work?

    Thread Starter szmigieldesign

    (@szmigieldesign)

    7 years, 8 months ago

    1. Understandable. I think that extending this functionality to img class or any text around img tag in general would be useful. It would be useful to filter featured image with its class (I don’t like first post image to lazy load)

    2. Please check the link again and see below first 4 or 6 posts – https://szmigiel.design/en/blog/

    Plugin Support Hai Zheng⚡

    (@hailite)

    7 years, 8 months ago

    Are you in our golitespeed slack? If possible please @ hai there. Lets figure out a solution for this case.

    Thread Starter szmigieldesign

    (@szmigieldesign)

    7 years, 8 months ago

    Nope, care to send me an invite – lukasz (at) szmigiel.design? NVM, I’ve found the link in the lscache plugin footer. I’ll get back to you tomorrow.

    I believe that somehow lazy load is halting or somehow interfering with the script responsible for masonry layout. When I resize the window, everything reshuffles as it should. Weird.

    • This reply was modified 7 years, 8 months ago by szmigieldesign. Reason: i'm stupid and blind ;)
    Thread Starter szmigieldesign

    (@szmigieldesign)

    7 years, 8 months ago

    Issue moved to Slack.

    Thread Starter szmigieldesign

    (@szmigieldesign)

    7 years, 8 months ago

    Fixed in next release with Responsive Placeholder.

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

The topic ‘Lazy Load ideas’ is closed to new replies.