Lazy load issues with Lite Speed Cache

  • Resolved jimreuters

    (@jimreuters)


    2 years, 12 months ago

    Hi,

    I am facing two issues with lazy loading on Litespeed Cache.

    1. I have enabled Lazy load images in LS. The images in my blogpost are not lazy loaded if I check in my HTML and on Pagespeed Insights. But the images in the widgets are lazy loaded. How can I make the images in the blogpost lazy loading as well?

    2. I am facing this issue in Pagespeed Insights ”Above-the-fold images that are lazily loaded render later in the page lifecycle, which can delay the largest contentful paint”

    So I excluded the logo (which gave this issue) in the ”Lazy Load Image Excludes” section. However, in the HTML and Pagespeed insights both still saying the logo is lazy loaded. How can I stop the logo Lazy loading?

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

  • 1. I have enabled Lazy load images in LS. The images in my blogpost are not lazy loaded if I check in my HTML and on Pagespeed Insights. But the images in the widgets are lazy loaded. How can I make the images in the blogpost lazy loading as well?

    Are these images defined as background-image? If yes, background images are unsupported. Lazy load function expects HTML <img> tag. Background images are included with CSS. If not, you should provide us with more information about these images. Maybe a link to your page?

    2. I am facing this issue in Pagespeed Insights ”Above-the-fold images that are lazily loaded render later in the page lifecycle, which can delay the largest contentful paint”

    https://docs.litespeedtech.com/lscache/lscwp/ts-media/#excluding-images

    • This reply was modified 2 years, 12 months ago by serpentdriver.
    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    1) isn’t this a lazyload effect ?

    2) from what I can see , the logo is not lazyloaded by LSCWP

    you can see the below image is lazyloaded , but the logo file is not

    Best regards,

    Thread Starter jimreuters

    (@jimreuters)

    1. How come in the HTML, I don’t see the ”loading=”lazy” on the images from the posts? But the images from widgets has ”loading=”lazy”

    2. As you can see in Pagespeed Insights and HTML the logo is lazy loaded right?

    See these links for screenshots:
    i.is.cc/210XQJGA.png
    i.is.cc/21102n43.png

    Plugin Support qtwrk

    (@qtwrk)

    Hi,

    the loading='lazy' is not added by LSCWP but wordpress itself

    all image lazyloaded by LSCWP will show as data-lazyloaded=1 as above screenshot

    Thread Starter jimreuters

    (@jimreuters)

    Thanks. But on Pagespeed Insights it said the logo is Lazy loaded (see screenshot)

    View post on imgur.com

    Plugin Support qtwrk

    (@qtwrk)

    yes , the loading=’lazy’ is not added by LSCWP but wordpress itself

    Thread Starter jimreuters

    (@jimreuters)

    Is there a way to exclude this in WP?

    Plugin Support qtwrk

    (@qtwrk)

    https://www.wppagebuilders.com/disable-lazy-load-in-wordpress-5-5/

    you can check this

    Thread Starter jimreuters

    (@jimreuters)

    thanks a lot!

    I have the same issue (or at least similar):
    I want to deactivate the lazy loading for above the fold images.
    I activated lazy loading via ListSpeed Cache (which I was told automatically disables the WordPress lazy loading). I am excluding the images above the fold manually as well to make sure they are not lazy loaded.
    Yet, there is still one image that shows as “loaded=lazy”
    It is above the fold, excluded, yet still shows as lazy loaded, and from what I understand that woud be by WP and not by LSC. How is this even possible?

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Lazy load issues with Lite Speed Cache’ is closed to new replies.