EWW optimizer lazy load

  • Resolved romant14

    (@romant14)


    3 years, 4 months ago

    Hi! Incredible work with the plugin.
    1.Just wanted to ask that when I turn on lazy load along with Webp delivery, all the images from my front page get loaded in the chrome dev tools waterfall. However, I use a plugin called wp rocket which also has lazyload. It only loads images above the fold.

    Meanwhile, EWWW image optimizer loads the images present on the entire page. Even those near the footer as well. On the articles page, it doesn’t load all images but only above the fold images. Why won’t it work on the main page?

    Is there any way to fix this? I’m using Webp deliver via JS rewriting.

    2.Moreover, is there any way one could prevent the lazy load a website’s logo?

    This is the waterfall with the WP Rocket’s lazy load turned on. The delivery isn’t in webp as WP Rocket doesn’t lazy load webp images if they are with css style.

    https://gtmetrix.com/reports/www.thephonetalks.com/WEKRn9BC/
    images request: 8 (126 KB)

    Request no. 45

    This is the waterfall of lazy load by the EWWW image optimizer with webp delivery.

    https://gtmetrix.com/reports/www.thephonetalks.com/YVA9ASR9/

    images request: 18 (349 KB)

    You can see that the additional requests which are images create more loading time on the page. It shouldn’t be loaded with the website but after scrolling.

    • This topic was modified 3 years, 4 months ago by romant14.
    • This topic was modified 3 years, 4 months ago by romant14.
Viewing 1 replies (of 1 total)
  • Plugin Author nosilver4u

    (@nosilver4u)

    Hi @romant14!
    If you use just JS WebP Rewriting, then yes, it loads all the images at once. If you use it with WP Rocket’s lazy load, then that should prevent all the images from loading until they get near the viewport.
    You can definitely exclude your logo from lazy loading, just use the lazy load exclusions setting.
    Note that EWWW IO’s lazy load may load more images than WP Rocket as we pre-load images on the “next” screen to minimize any delay as folks scroll down the page.

    If you’d like to make it “more lazy”, the viewport threshold can be adjusted via the override detailed here (default is 1000): https://docs.ewww.io/article/74-lazy-load

    If it doesn’t seem to be working as described, then we can look into it further.

Viewing 1 replies (of 1 total)
  • The topic ‘EWW optimizer lazy load’ is closed to new replies.

Tags