Lazy-loading placeholder (lazysizes) HTML
/pixel.gif へのリクエストに空の GIF を返す、Lazy-loading placeholder (lazysizes) 用の HTML スニペット。GIF は起動時に一度だけデコードします。
Lazy-loading placeholder (lazysizes) HTML
<!-- The empty GIF keeps src valid until lazysizes swaps in data-src.
(For most pages today, native loading="lazy" is enough.) -->
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
data-src="/images/photo.jpg" class="lazyload"
width="800" height="600" alt="A photo">
このスニペットは実行し、返されたバイト列を照合しました。
公式サイト: Lazy-loading placeholder (lazysizes)