需引入文件：lazyload-min.js
<script src="JS/lazyload-min.js" type="text/javascript"></script>
插入代碼：
function loadscript() { LazyLoad.loadOnce([ 'JS/touch.js', 'http://libs.baidu.com/jquery/1.2.3/jquery.min.js' ], loadComplete); } setTimeout(loadscript, 0);
實現在window.load事件完成0秒后加載touch.js與jquery.min.js兩個文件
我們知道在PC瀏覽器上DOM加載順序為：
- 解析HTML結構。
- 加載外部腳本和樣式表文件。
- 解析並執行腳本代碼。
- 構造HTML DOM模型。
- 加載圖片等外部文件。
- 頁面加載完畢。
在移動瀏覽器特別是移動殼應用瀏覽網頁的時候，會先加載js文件再加載其他結構，如果加載的js文件較多，會讓用戶看到很長時間的白屏狀態，降低用戶體驗。
還可以加上$("img").lazyload(); 使圖片最后加載，當然要先引入jQuery。