前端优化方法:懒加载 前端怎么优化性能

先为 `src` 赋值成一个通用的预览图,下拉时候再动态赋值成正式的图片。

`preview.png`是预览图片,比较小,加载很快,而且很多图片都共用这个`preview.png`,加载一次即可。

待页面下拉,图片显示出来时,再去替换`src`为`data-realsrc`的值。

<img src="preview.png" data-realsrc="abc.png"/>

这里为何要用`data-`开头的属性值?

所有 HTML 中自定义的属性,都应该用`data-`开头,因为`data-`开头的属性浏览器渲染的时候会忽略掉,提高渲染性能。

原文链接:,转发请注明来源!