轉自:http://my.oschina.net/crazymus/blog/362451?fromerr=L1i2mEW2

在頁面上圖片比較多的時候，為了優化性能，可以采用延遲加載技術，我封裝了一款輕量級的插件。

插件下載地址：

http://pan.baidu.com/s/1c8ziMi

使用方法：

1 在頁面中需要引入echo.css和echo.min.js

2 對需要進行延遲加載的圖片采用如下寫法：

<img src="blank.gif" style="width:300px;height:300px;" data-echo="test.jpg" />

blank.gif是一張背景圖片，包含在插件里了。圖片的寬高必須設定，當然，可以使用外部樣式對多張圖片統一控制大小。

data-echo指向的是真正的圖片地址。

3 對插件進行初始化：

echo.init();

就這么簡單，你將可以看到圖片只有出現在視野內時才會加載，減少了頁面的渲染工作量。

?

說明：

我們知道，jQuery lazyloading插件已經能很好地實現這一功能，但它基于jQuery，對于移動端可能不太實用，這款插件不依賴任何第三方庫，核心文件只有3KB左右，非常適合移動端開發。

轉載于:https://www.cnblogs.com/mauricechans/p/5467176.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的关于图片延迟加载的解决方案（针对移动端）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。