lazyload-min.js 用来加速网页的一个小运用
来源:互联网 发布:淘宝客云建站app制作 编辑:程序博客网 时间:2024/05/16 08:17
来源: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。
- lazyload-min.js 用来加速网页的一个小运用
- 一个用来产生随机数的小例子
- 分享一个精简的vue.js 图片lazyload插件
- 一个用来验证身份证号码的JS
- 关于jquery.lazyload.min.js+ajax实现分页图片预加载,如何只刷新新添加的内容
- 运用JS统一控制网页的标题
- ajax+lazyload.js,如何只让新加载出来的元素lazyload
- 运用swt制作一个简易计算器,附加关于html制作网页中的搜索框的一个小知识
- 写了一个用来写log信息的小程序
- lazyload.js
- CJL.0.1.min.js 的是一个什么JS库
- 编写一个js函数用来求n的阶乘
- 网页图片延迟加载LazyLoad.js使用方法介绍和实例
- 加速网页的方式
- 用来获取网页的类
- 用来获取网页的类
- jquery.lazyload.js插件的用法
- 图像的延时加载lazyload.js
- java反射机制
- Android--判断发送短信后的状态/发送成功Or发送失败
- 《软件架构师应该知道的97件事》阅读笔记
- 生命的意义在于过程
- getchar()的用法
- lazyload-min.js 用来加速网页的一个小运用
- unity3d 如何让复合结构的数组在Inspector中显示其对象中的public属性
- Python 中的pyc文件的用途
- 高频交易的思路模型简介
- NFS服务器和客户端的配置
- 初篇
- android shape的使用
- 利用正则表达式统计代码中的(代码行数,注释行数,空白行数)利用正则表达式获取一个网页中所有的邮箱地址
- 第11周项目六 回文~素数(6)