• Resolved knicolas

    (@knicolas)


    hi, can you check why lazy load is not working here?

    the report number is ERYUXDHH

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Support qtwrk

    (@qtwrk)

    Hi,

    it looks like your images were loaded by <picture ... tag, instead of <img ... tag

    current LSCWP only supports images within <img tag

    best regards,

    Thread Starter knicolas

    (@knicolas)

    thank you for your prompt response.

    can you suggest a plugin that supports <picture>?

    thank you in advance for your help and assistance.

    Plugin Support qtwrk

    (@qtwrk)

    unfortunately I am not aware of any

    Thread Starter knicolas

    (@knicolas)

    Hi, i would like to clarify something.

    I checked with page speed insights, and some of the images use <img … tag and some <picture … tag

    Those identified by page speed insights use <img … tag. For example:

    <img data-lazyloaded=”1″ src=”https://ndvlaw.com/wp-content/uploads/2022/01/Withdrawal-of-a-Partner-Diss…&#8221; width=”1200″ height=”800″ data-src=”https://ndvlaw.com/wp-content/uploads/2022/01/Withdrawal-of-a-Partner-Diss…&#8221; class=”nopin sp-no-webp” alt=”Withdrawal of a Partner Dissolves a Partnership” data-srcset=”https://ndvlaw.com/wp-content/uploads/2022/01/Withdrawal-of-a-Partner-Diss…&#8221; …

    There are several others.

    My question is, why is it that this (and the others which use <img … ) is not lazy loaded? it uses <img … tag.

    • This reply was modified 3 years, 1 month ago by knicolas.
    • This reply was modified 3 years, 1 month ago by knicolas.
    • This reply was modified 3 years, 1 month ago by knicolas.
    • This reply was modified 3 years, 1 month ago by knicolas.
    • This reply was modified 3 years, 1 month ago by knicolas.
    Plugin Support qtwrk

    (@qtwrk)

    the image link is incomplete , please share some of full links

    Thread Starter knicolas

    (@knicolas)

    Hi,

    Here is the screenshot:

    https://ibb.co/fMFztd8

    That is taken from:

    https://pagespeed.web.dev/report?url=https%3A%2F%2Fndvlaw.com%2F

    The Defer offscreen images recommendation show the tag <img …

    Hope you can help identify the issue here — why lazyload does not work.

    Thanks.

    Plugin Support qtwrk

    (@qtwrk)

    <picture class="nopin sp-no-webp" title="Home-Page 39"><source srcset="https://ndvlaw.com/wp-content/uploads/2022/01/Continuing-A-Partnership-Business-After-Partner-Withdraws-Nicolas-and-De-Vega-Law-Offices-Image-Article.webp" type="image/webp"><source srcset="https://ndvlaw.com/wp-content/uploads/2022/01/Continuing-A-Partnership-Business-After-Partner-Withdraws-Nicolas-and-De-Vega-Law-Offices-Image-Article.jpg" type="image/jpeg"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9Ijc5OSIgdmlld0JveD0iMCAwIDEyMDAgNzk5Ij48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+" width="1200" height="799" data-src="https://ndvlaw.com/wp-content/uploads/2022/01/Continuing-A-Partnership-Business-After-Partner-Withdraws-Nicolas-and-De-Vega-Law-Offices-Image-Article.jpg" class="nopin sp-no-webp" title="Home-Page 39" alt="Continuing A Partnership Business After Partner Withdraws" data-srcset="https://ndvlaw.com/wp-content/uploads/2022/01/Continuing-A-Partnership-Business-After-Partner-Withdraws-Nicolas-and-De-Vega-Law-Offices-Image-Article.jpg"></picture>

    it seems the image on <img part was lazyloaded , you can see the data: URI placeholder , but that is also loaded by <picture tag alone with <source tag , and browser will use <source in precedence than <img when it is available

    Thread Starter knicolas

    (@knicolas)

    thanks for checking. so the conclusion remains, IMG tag is lazyloaded but not PICTURE tag.

    Plugin Support qtwrk

    (@qtwrk)

    yes…

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘lazy load not working’ is closed to new replies.