新版 chrome 将原生支持图片懒加载！

web前端教程

用大白话，来讲编程

如今网页表现形式越来越丰富，越来越多的图片需要加载下来呈现给用户。作为前端开发者我们都知道：网页解析是从上往下的。在解析的过程里，如果遇见图片了，浏览器就会发起请求的，一个网页可能存在很多请求的图片。

因为每个图片都请求的话，会浪费服务器的资源。首先不是每个用户，都会浏览整个网页的图片。所以这个网页都加载出来的话，就是浪费服务器资源。

所以就有了“图片懒加载”的实现方案。

以前不管你是自己手撸代码实现，还是借助第三方的插件实现，难免要折腾一番。

但是现在，chrome 75给前端开发者带来的新的特性：原生支持图片懒加载。

实现方式很简单，只需要给<img>标签增加loading属性即可!

<img src="logo.jpg" loading="lazy" alt="..." />

网友评论：

热门文章

原创教程

原创教程：《ECMAScript 6 教程》

附加习题：《ECMAScript 6 教程》测试题

原创教程：《Vue.js 基础教程》

原创教程：《Vue.js 进阶教程》

附加习题：《Vue.js 基础教程》测试题

经典试题：  50道 JavaScript 经典面试题

趣味职场

职场感悟：我没学历，怎样找前端的工作

职场感悟：混口饭吃，谈不上喜欢

职场思考：聊聊程序员的KPI考核

学习困惑：工作用jquery，原生js知道就够

职场感悟：我说程序员要自测代码，结果被怼

职场焦虑：程序员回三四线城市能干啥？

感到迷茫：我很努力，但依然很迷茫

薪资待遇：那么点工资，能招到人吗？

培训出身：我是一个培训出身的程序员

培训费用：花1.8万参加前端培训，值吗？

培训简历：简历包装成1-2年经验，咋办？

搞笑黑话：互联网公司黑话，搞笑到爆

行业困惑：听说你是程序员，给我做个网站呗

职业规划：代码写不下去，就去当产品经理

新手求职：新手程序员如何找一家靠谱的公司

新手学习：代码敲慢一点，学得快一点

广告