JavaScript延迟图像太慢

我将下面的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;

函数init（）{
var imgDefer=document.getElementsByTagName（'img'）；
对于（var i=0；i
这是我的html

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



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

关于。
我们无法知道延迟是什么。图像的数量、图像的大小、页面中的其他脚本、页面加载时间等。显示的内容与您所能获得的脚本效率差不多（img of document.queryselectoral（'img[data defer]））img.src=img.dataset.defer；

编写得更精简了一点，并且不再需要手动检查img是否有

data defer

属性。但是性能影响应该很小，除非页面上有大量图像。即使有，也会有其他（性能）问题比几行JS的执行时间还多。是的，页面中还包含其他.JS文件。请告诉我在其他代码之前，在哪里运行有问题的JavaScript代码。