Exclude multiple img from lazy loading

  • Resolved kaschrader

    (@kaschrader)


    2 years, 2 months ago

    Hi support team,
    I’m trying to improve LCP of my website in mobile view.

    I’ve run into the issue that excluded images still are lazy loading.
    I already read this tread regarding a similar issue and added the URLs as described to Lazy Loading > exclude words >fullurl an emptied all caches

    fullurl=
https://schraderfotografie.de/wp-content/uploads/2024/02/Header_Schrader_Fotografie-e1709577279310.jpg
https://schraderfotografie.de/wp-content/uploads/2024/03/Header_Schrader_Fotografie_Small.jpg
https://schraderfotografie.de/wp-content/uploads/2024/03/Katharina-Schrader-Fotografin-1.jpg

    But the DevTools still show <img loading=”lazy” …> in the Elements-tab.
    The Network-tab on the other side shows Initiator: (index):61

    Here is a link of a PageSpeed Insights analysis which also states that the images are lazy loading

    Could you please provide guidance on how to resolve these issues? What steps should I follow to correct these errors and prevent them from occurring in the future?

    Thank you in advance for your assistance and cooperation.

    Kind regards,
    kaschrader


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

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

Viewing 1 replies (of 1 total)
  • Plugin Contributor Marko Vasiljevic

    (@vmarko)

    2 years, 2 months ago

    Hello @kaschrader

    Thank you for reaching out and I am happy to help!
    When the image is lazyloaded with W3 Total Cache, W3TC adds lazy loaded to the image class, for example, image:
    https://schraderfotografie.de/wp-content/uploads/2024/02/Diana_Noel_Hochzeit-108-1024×683.jpg

    has: class="attachment-large size-large lazy loaded"

    The images you are mentioning do not have this added to class:

    class="wp-image-2198"

    This means that the lazyloading for these images is not processed by the W3 Total cache.
    What you are seeing is a native WP lazy loading. Since WP 5.5 by default, WordPress will add loading="lazy” to all img tags that have width and height attributes present.

    You can check more about this in this article and you can also see here how to modify this behavior

    So to conclude, the images you shared are excluded from the W3 Total Cache Lazyloadin and are not lazyloaded by the W3 Total Cache.

    I hope this helps!

    Thanks!

Viewing 1 replies (of 1 total)

The topic ‘Exclude multiple img from lazy loading’ is closed to new replies.