<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
title
>Lazy Loading Images</
title
>
</
head
>
<
body
>
<
h1
>Lazy Loading Images</
h1
>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
<
img
src
=
alt
=
"numbers"
loading
=
"lazy"
width
=
"300"
height
=
"300"
style
=
"display:block; margin:10px"
/>
</
body
>
</
html
>