对于已经写好的html代码如何实现图片懒加载？

Question

对于已经写好的html代码如何实现图片懒加载？

比如，写了很多文章，每篇文章都应用了很多图片，已经存入了数据库，现在要进行改版，实现图片懒加载

自己尝试过的方法

查找出所有的image,src替换为loading图，并添加属性data-src为一开始的src地址，当浏览器滚动到可视区域在进行替换data-src为src.

你期待的结果是什么？实际看到的错误信息又是什么？

我期望有没有更好的想法或者有社区存在的库解决这个问题，如果按照我尝试的办法则会很复杂

Answer 1

实际上你的方法是很好的了如果觉着比较麻烦，可以用nodejs批量处理一下，会很快。