是否可以真正重新加载图像？

Question

我正在尝试确定加载图像的平均速度

我的代码看起来像这样

function test(){
    const now = performance.now();
    const image = new Image();
    image.src = "https://upload.wikimedia.org/wikipedia/en/thumb/8/80/Wikipedia-logo-v2.svg/1200px-Wikipedia-logo-v2.svg.png"
    image.onload = function(){
        const end = performance.now(); 
        const speed = end-now
        console.log(speed)
    }
}
setInterval(test,1000)

代码工作正常，但问题是在第一次加载图像后，它会从大约（64 毫秒到我这边不到 1 毫秒）首先加载。

我的猜测是浏览器会保留图像的一些数据，直到 window 重新加载或关闭（如果我错了请纠正我）

是否可以在不使用 window.reload 并真正重新加载图像的情况下防止这种情况发生？

示例：

感谢任何回复！

Answer 1

只需将您的 now 作为查询参数添加到您的 url:

function test(){
    const now = performance.now();
    const image = new Image();
    image.src = `https://upload.wikimedia.org/wikipedia/en/thumb/8/80/Wikipedia-logo-v2.svg/1200px-Wikipedia-logo-v2.svg.png?${now}`
    image.onload = function(){
        const end = performance.now(); 
        const speed = end-now
        console.log(speed)
    }
}
setInterval(test,1000)

是否可以真正重新加载图像？

Is it possible ot truely reload the image?

html

javascript

image