网站图片优化的一些方法

来源:互联网 发布:日本卫星直播网络电视 编辑:程序博客网 时间:2024/05/05 14:45

1、预加载:


意思是提前加载,在前端技术中用的比较多,如:window.onload,document.ready在文档加载完成后才能够去执行。这

样子做的有什么厉害之处:牺牲服务器前端性能,换取更好的用户体验,这样可以使用户的操作得到最快的反映。


2、延迟加载


与上面的预加载相反,延迟加载的使用一般用于这3种情况:第一种是延迟加载图片或符合某些条件时才加载某些图

片。第二种是条件加载,符合某些条件,或触发了某些事件才开始异步下载。第三种是可视区加载,即仅加载用户可以

看到的区域,这个主要由监控滚动条 时正好能看到图片在页面刷新,延迟执行中使用该方式,使用setTimeout()或

setInterval()方法。这种方式的厉害之处:作为服务器前端的优化,减少请求数或延迟请求数。

0 0
原创粉丝点击