前端又省事了，Chrome直接支持lazyload延迟加载

web前端教程

用大白话，来讲编程

相信各位前端开发者对于延迟加载（or 懒加载？）这个概念都不会感到陌生，延迟加载机制是为了避免一些无谓的性能开销而提出来的，就是当在真正需要数据的时候，才真正执行数据加载操作，尤其是很占用宽带的图片资源。

据外媒报道，谷歌的 Chrome 浏览器将内置支持延迟加载功能，可延迟加载 image 和 iframe 框架。 Chrome 浏览器不会加载不出现在视口中的图像，只有在靠近视口边框时才会加载图片。

（代码片段）

有了这个内置的功能，所有 image 资源都会被浏览器自动按需加载，无需开发者做额外的开发工作，比如大家最常用的插件：jQuery.lazyload.js。

延迟加载显而易见的优势就是提升页面加载速度，并为用户节省带宽，特别是在使用移动数据时。谷歌工程师报告说，使用该机制后，页面加载速度的提升从 18％ 到 35％ 不等，具体取决于底层网络。

所以，功能方面，基本上与我们平时见到的 JavaScript 延迟加载脚本无异，只不过它不仅仅是延迟加载图像。 这项功能暂命名为 Blink LazyLoad，正如名字所说，它将在 Chrome 内部实现“延迟加载”机制。 

如果测试结果能按计划的顺利进行，谷歌就会把该功能添加到 Chrome 桌面版。

原创教程：

附加习题：

行业困惑：

职业规划：

新手求职：

新手学习：

职场感悟：

学习困惑：

职场焦虑：

感到迷茫：

薪资待遇：

培训出身：

培训费用：

培训简历：

搞笑黑话：

职业*：

职场形象：