lazyload-min.js 用来加速网页的一个小运用

来源：lazyload-min.js 用来加速网页的一个小运用

lazyload-min.js 是一个众所周知的库，具体功能自己搜索一下。

js文件最后加载(在window.load事件发生后再加载js文件)，用于解决因jQuery等js库导致网页加载慢的问题。

需引入文件：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加载顺序为：

1.解析HTML结构。
2.加载外部脚本和样式表文件。
3.解析并执行脚本代码。
4.构造HTML DOM模型。
5.加载图片等外部文件。
6.页面加载完毕。

在移动浏览器特别是移动壳应用浏览网页的时候，会先加载js文件再加载其他结构，如果加载的js文件较多，会让用户看到很长时间的白屏状态，降低用户体验。

还可以加上$("img").lazyload(); 使图片最后加载，当然要先引入jQuery。

• javascript getdate 1
• javascript ide best
• javascript关键字
• javascript 变量名 长度
• javascript confirm box
• javascript count files
• javascript vold 0
• javascript for loop in
• javascript打开新窗口
• javascript timer alert
• 3 2 1 javascript
• javascript children
• javascript连接数据库
• javascript 好书
• javascript痓
• javascript 控件开发
• javascript mvc模式
• best javascript treegrid
• chrome 8 javascript
• javascript自动加载
• javascript google docs
• 百度地图javascript
• ie 禁止javascript
• javascript filter ie8
• javascript url decode
• javascript dom编程艺术 中文
• php javascript 中文乱码
• safari javascript console