谷歌网页速度加载图像不影响渲染时间

Question

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

on window ready我正在加载合适大小的图片

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(); }

，但pagspeed将其作为渲染时间的一部分。目前我正在加载时，用户点击的东西，显然这是有效的，但为什么页面速度不检测window.onload和停止测量那里?除了延迟之外，还有什么技术可以绑定到以后的事件吗?

Answer 1

将async标签添加到您的脚本中(您可能必须将其创建为一个单独的脚本以允许您执行此操作)。浏览器在"说"完成DOM之前执行所有的JS。将async作为标签添加到此脚本中，可以让浏览器继续构建DOM，而无需等待图像加载。