<img
src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/p.png"
data-src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/1-2.png"
alt="description（推奨）"
width="300"
height="250"
class="lazyload"
loading="lazy"
/>
<br>
<img
src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/p.png"
data-src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/2-2.png"
alt="description（推奨）"
width="300"
height="250"
class="lazyload"
loading="lazy"
/>
<br>
<img
src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/p.png"
data-src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/3-1.png"
alt="description（推奨）"
width="300"
height="250"
class="lazyload"
loading="lazy"
/>
<br>
<img
src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/p.png"
data-src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/4-1.png"
alt="description（推奨）"
width="300"
height="250"
class="lazyload"
loading="lazy"
/>
<br>
<img
src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/p.png"
data-src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/5-1.png"
alt="description（推奨）"
width="300"
height="250"
class="lazyload"
loading="lazy"
/>
<br>
<img
src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/p.png"
data-src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/6-1.png"
alt="description（推奨）"
width="300"
height="250"
class="lazyload"
loading="lazy"
/>
<br>
<img
src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/p.png"
data-src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/7-1.png"
alt="description（推奨）"
width="300"
height="250"
class="lazyload"
loading="lazy"
/>
<br>
<img
src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/p.png"
data-src="https://fastcoding.jp/blog/wp-content/uploads/2021/02/8-1.png"
alt="description（推奨）"
width="300"
height="250"
class="lazyload"
loading="lazy"
/> if ("loading" in HTMLImageElement.prototype) {
var images = document.querySelectorAll('img[loading="lazy"]');
var sources = document.querySelectorAll("source[data-srcset]");
sources.forEach(function (source) {
source.srcset = source.dataset.srcset;
});
images.forEach(function (img) {
img.src = img.dataset.src;
});
} else {
var script = document.createElement("script");
script.src = "https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.2/lazysizes.min.js";
document.body.appendChild(script);
}
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.