Jquery Lazyloaded是一款快速而且易于使用的插件,它可以實現圖片在網頁加載的時候延遲加載,從而提高網頁的響應速度,減少加載時間。
$(function() { $("img.lazyload").lazyload(); });
以上的代碼是基本的使用方法,只需要對需要使用lazyload的圖片加上class為lazyload即可。此外,還可以通過配置參數來實現更靈活的使用。
$(function() { $("img.lazyload").lazyload({ effect : "fadeIn", threshold : 200, failure_limit : 10, skip_invisible : false }); });
在上述代碼中,配置了四個參數:
- effect:圖片的加載效果,默認為show
- threshold:表示離圖片頂部多遠時開始加載,默認為200px
- failure_limit:重試次數,默認為1
- skip_invisible:表示是否在隱藏的圖片上使用延遲加載,默認為true
使用jquery lazyloaded可以大大提高網頁的加載速度,尤其是在圖片比較多的情況下,具有很好的優化效果。值得注意的是,在使用過程中應該對圖片進行合理的壓縮和優化,以避免影響用戶體驗。