• Resolved jelleplevier

    (@jelleplevier)


    I’m using Litespeed to optimize my website and lazyload my images. When I do a page speed audit on google it says:

    Consider lazy-loading offscreen and hidden images, after all, critical resources have finished loading to lower time to interactive.

    In total, the loading of these images takes 5.85s, which is almost half of the total loading time.

    Then the second recommendation is to Serve images in next-gen formats, which I’ve also already set up.

    I’m not sure what is going wrong and why the images on my homepage are not lazyloading and why they aren’t webp.

    • This topic was modified 2 years, 6 months ago by jelleplevier.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • LiteSpeed image lazy load works at you page, but lazy load only works with <img> tag and not with background images. The image at top of your page is a background image and that’s why it is not lazy loaded.

    Thread Starter jelleplevier

    (@jelleplevier)

    Okay, thank you. That kinda makes sense, but is there a way for me to include these images in the lazyloading? Also, the Page speed audit says that there are some images being loaded from products, these images do have the tag

    ….but is there a way for me to include these images in the lazyloading?

    Actually it is not possible, at least not with cache plugin, but LiteSpeed think about to extend lazy load function for background images in upcoming versions.

    Basically it is possible, but only with background images that are defined inline in HTML code, but not in CSS. There is a WP plugin that is able to do that. Try it, but take care of any conflicts with LiteSpeed cache plugin:

    https://www.ads-software.com/plugins/lazy-loading-responsive-images/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Lazyloading is on, but images are not lazyloading.’ is closed to new replies.