Google pagespeed-加载图片而不影响渲染时间

Question

我有一个滑块，正在加载低等级图像，以方便快速加载。

在窗口准备好后我正在加载适当大小的图像

function loadImages(){

    var images= document.getElementById('dhadimages').getElementsByClassName("dhadsecondimg");
    var index;
    for (index = 0; index < images.length; ++index) {
        images[index].src= images[index].dataset.img;
    }

}

window.onload = function () { loadImages(); }

但pagespeed将此作为渲染时间的一部分。目前我在用户点击某些内容时加载，显然这是有效的，但为什么pagespeed没有检测到window.onload并在那里停止测量？是否有任何技术可以延迟或任何后续事件绑定到？

Answer 1

将async标记添加到您的脚本中（您可能必须将此标记设为单独的脚本才能执行此操作）。浏览器在“说”完成DOM之前执行所有JS。将async作为标记添加到此脚本可让浏览器继续构建DOM，而无需等待图像加载。