JavaScript推迟图像太慢

Question

我有以下JavaScript代码，我将其放入页面标题中以延迟在我的页面上加载图片。

function init() {
var imgDefer = document.getElementsByTagName('img');
for (var i=0; i<imgDefer.length; i++) {
if(imgDefer[i].getAttribute('data-defer')) {
imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-defer'));
} } }
window.onload = init;

这是我的HTML

<img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-defer="image.jpg"/>

但不幸的是，执行时间太长，换句话说，更改 img 标记中的 src 值需要很长时间。 我在这里做错了，让我知道是否存在一种推迟图像的有效方法。

问候。