Lazy-loading placeholder (lazysizes) HTML
一个用于 Lazy-loading placeholder (lazysizes) 的 HTML 代码片段,以空 GIF 响应对 /pixel.gif 的请求,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)