Skip to content

Instantly share code, notes, and snippets.

@jawakarD

jawakarD/index.html

Last active August 29, 2019 05:59
Show Gist options
  • Save jawakarD/6a451e9740edf1926cec6a3c7eaaa3e9 to your computer and use it in GitHub Desktop.
Save jawakarD/6a451e9740edf1926cec6a3c7eaaa3e9 to your computer and use it in GitHub Desktop.
Download ZIP
lazy-loading blog
Raw
index.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title></title>
<style media="screen">
img {
display: block;
}
</style>
</head>
<body>
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/600/900" style="width:600px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/601/900" style="width:601px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/655/900" style="width:655px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/603/900" style="width:603px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/604/900" style="width:604px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/605/900" style="width:605px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/606/900" style="width:606px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/607/900" style="width:607px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/608/900" style="width:608px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/609/900" style="width:609px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/610/900" style="width:610px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/611/900" style="width:611px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/690/900" style="width:690px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/613/900" style="width:613px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/614/900" style="width:614px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/615/900" style="width:615px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/616/900" style="width:616px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/600/901" style="width:600px;height:901px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/600/926" style="width:600px;height:926px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/600/903" style="width:600px;height:903px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/600/904" style="width:600px;height:904px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/600/905" style="width:600px;height:905px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/600/906" style="width:600px;height:906px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/600/907" style="width:600px;height:907px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/600/908" style="width:600px;height:908px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/600/909" style="width:600px;height:909px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/600/910" style="width:600px;height:910px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/610/900" style="width:610px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/700/900" style="width:700px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/630/900" style="width:630px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/640/900" style="width:640px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/650/900" style="width:650px;height:900px" alt="" />
<img class="lazy" src="https://picsum.photos/900" data-src="https://picsum.photos/660/900" style="width:660px;height:900px" alt="" />
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment