lazy load not working

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,

thank you for your prompt response.

can you suggest a plugin that supports <picture>?

thank you in advance for your help and assistance.

unfortunately I am not aware of any

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.

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

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.

<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

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

yes…