Lazy loading images suggestion

  • Resolved szmigieldesign

    (@szmigieldesign)


    6 years, 6 months ago

    Hello,

    first of all – this must be the most actively developed caching plugin for WordPress ever. It’s absolutely awesome. There are more new features between versions 1.2 to 1.4 than in other plugins in total. Magic.

    1.4 introduced lazy loading which works pretty well out of the box. However, in case of my website, logo is always lazy loading regardless of it being the same file on each and every page. This is problematic as on every subpage users can see a flash of gray box instead of logo.

    This could be averted with simple exception list for lazy loaded images (so users can define exceptions for all critical image files).

    The other thing is the image loading placeholder in general. How about some customization options? There are plenty of CSS-only loaders that could be implemented so that some aesthetically pleasing loaders are being displayed while images are loaded instead of plain, gray boxes. That would be super-awesome.

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

Viewing 3 replies - 16 through 18 (of 18 total)
1 2
  • Plugin Support Hai Zheng⚡

    (@hailite)

    6 years, 6 months ago

    what is the conflicts?

    What do you mean its not working? currently I can see your main images loaded correctly, but for those thumbnails, I didn’t see any src but only base64.

    I didn’t understand what <img src="{image_url}" alt="{listing field='MLS'}" /> became after parsing into your page. Can you tell more?

    HMSRE

    (@hmsre)

    6 years, 6 months ago

    So IF I remove the lazy load of images, our thumbnails in the gallery for that property I shared before OR others does display.

    This piece of code is used to inject into the gallery the images for this property for sale.

    <img src="{image_url}" alt="{listing field='MLS'}" />

    I thought that by adding your exclusion it would not apply lazy load to these images…. data-no-lazy="1"

    Is that a correct assumption?

    Dave

    Plugin Support Hai Zheng⚡

    (@hailite)

    6 years, 5 months ago

    By adding data-no-lazy="1", lazy load (JS part) can still work on them ( which will replace data-src back to src when img comes to viewport ). The only difference is, our plugin (PHP part) will not replace the src into data-src when generate HTML, which means you can still replace them manually.

Viewing 3 replies - 16 through 18 (of 18 total)
1 2
  • The topic ‘Lazy loading images suggestion’ is closed to new replies.