emptygif
語言: 繁體中文

所有語言和框架

Lazy-loading placeholder (lazysizes) HTML

適用於 Lazy-loading placeholder (lazysizes) 的 HTML 程式碼片段,以空 GIF 回應對 /pixel.gif 的請求,GIF 在啟動時只解碼一次。

Lazy-loading placeholder (lazysizes) HTML

檔案
index.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)

更多 HTML 範例