Html lazy load images

Html lazy loading images

<img loading="lazy" src="https://via.placeholder.com/320x200" alt="Lazy loaded image" />

<img src="image.png" loading="lazy" alt="…" style="height:200px; width:200px;">

Source: web.dev

lazy loading in html

<img src="myimage.jpg" loading="lazy" alt="..." />
<iframe src="content.html" loading="lazy"></iframe>

<img data-src="image.jpg" alt="test image">

-3

Similar codes

90 votes303 views5 answers
Html uppercase
Html
7 votes303 views1 answer
Bootstrap error card
Html
0 vote294 views1 answer
Lato google fonts
Html
43 votes302 views6 answers
Comment html
Html
2 votes289 views1 answer
Info symbol text
Html
0 vote299 views2 answers
Modal pop up html css
Html
4 votes302 views5 answers
Get textarea value jquery
Html
1 vote314 views1 answer
Iframe render html in angular
Html
1 vote318 views2 answers
Html anchor tag
Html
2 votes300 views1 answer
Open the file upload dialogue box onclick the image
Html