懒加载的3种实现方式

2019-01-07
阅读 13 分钟
13.4k
优势性能收益:浏览器加载图片、decode、渲染都需要耗费资源,懒加载能节约性能消耗,缩短onload事件时间。节约带宽:这个不需要解释。通常,我们在html中展示图片,会有两种方式:img 标签css background-imageimg的懒加载实现img有两种方式实现懒加载:事件监听(scroll、resize、orientationChange) {代码...} Interse...

预加载系列二:让File Prefetching丝丝润滑无痛无痒

2017-07-26
阅读 6 分钟
2.6k
所谓 File Prefetching 就是在一个页面加载成功后,默默去预加载后续可能会被访问到的页面的资源。 前端资源预加载其实没啥新鲜的,我们倒腾这个事情的过程却是很有有意思也很有启发性。

预加载系列一:DNS Prefetching 的正确使用姿势

2017-07-26
阅读 4 分钟
3.7k
很多人都知道现代浏览器都支持 DNS 的预解析,学名:DNS Prefetching。用法也很简单,就是在html代码里加入这样的 link 标签