lazySizes_Test

by Torwan

HTML

<head>
  <script src="https://cdn.bootcdn.net/ajax/libs/lazysizes/5.3.2/lazysizes-umd.js"></script>
</head>

<body>
<hr />
  <img class="lazyload" loading="lazy" data-src="https://source.unsplash.com/random/2048x2048/" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 600'%3E%3C/svg%3E" alt="">
<hr />
  <img class="lazyload" loading="lazy" data-src="https://source.unsplash.com/random/2046x2046/" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 600'%3E%3C/svg%3E" alt="">
<hr />
</body>

CSS

img {
  width: 100%;
  margin: 1rem 0;
}