预加载和延迟加载(页面刷新为什么要用settimeout())
2016-12-13 14:37
190 查看
页面加载方式有2种,预加载和延迟加载。
1、预加载:
意思是提前加载,在前端技术中用的比较多,如:window.onload,document.ready在文档加载完成后才能够去执行。这
样子做的有什么厉害之处:牺牲服务器前端性能,换取更好的用户体验,这样可以使用户的操作得到最快的反映。
2、延迟加载
与上面的预加载相反,延迟加载的使用一般用于这3种情况:第一种是延迟加载图片或符合某些条件时才加载某些图
片。第二种是条件加载,符合某些条件,或触发了某些事件才开始异步下载。第三种是可视区加载,即仅加载用户可以
看到的区域,这个主要由监控滚动条 时正好能看到图片在页面刷新,延迟执行中使用该方式,使用setTimeout()或
setInterval()方法。这种方式的厉害之处:作为服务器前端的优化,减少请求数或延迟请求数。
1、预加载:
意思是提前加载,在前端技术中用的比较多,如:window.onload,document.ready在文档加载完成后才能够去执行。这
样子做的有什么厉害之处:牺牲服务器前端性能,换取更好的用户体验,这样可以使用户的操作得到最快的反映。
2、延迟加载
与上面的预加载相反,延迟加载的使用一般用于这3种情况:第一种是延迟加载图片或符合某些条件时才加载某些图
片。第二种是条件加载,符合某些条件,或触发了某些事件才开始异步下载。第三种是可视区加载,即仅加载用户可以
看到的区域,这个主要由监控滚动条 时正好能看到图片在页面刷新,延迟执行中使用该方式,使用setTimeout()或
setInterval()方法。这种方式的厉害之处:作为服务器前端的优化,减少请求数或延迟请求数。
相关文章推荐
- 在Asp.net 2.0 中禁用页面缓存解决页面刷新(重新加载数据)的问题!
- 实现Web页面中级联菜单的设计/实现动态加载列表框/实现自动刷新页面/实现Web页面的局部动态更新/实现自动完成功能
- 网站页面延迟加载功能
- IE页面后退刷新数据加载问题
- Asp.net使用JQuery实现评论的无刷新分页及分段延迟加载效果
- javascript页面加载顺序以及延迟加载
- 利用setTimeout自动循环显示图片或自动刷新html页面
- 编辑器加载中...刷新本页面方法
- Ext JS Panel加载页面刷新的问题
- 刷新页面加载流程
- ComponentArt 动态加载的TreeView, 添加一个新节点后,新节点为什么在页面中不会显示?
- JS延迟加载(setTimeout) JS最后加载
- 使用Ajax为什么能实现页面无刷新
- Updatepanel用了为什么还刷新页面解决方法
- 1秒的页面加载延迟相当于少了11%的PV
- 在Asp.net 2.0 中禁用页面缓存解决页面刷新(重新加载数据)的问题!
- 页面加载无刷新....友好提示
- 【原创】ExtJs实现定时读取数据,动态加载数据,页面不刷新。Struts 2框架下JSON传值
- 通过setTimeout调用设置iframe src的方法导致刷新页面时弹出没有权限错误!
- 为什么刷新页面会触发最近执行过的一个按钮事件