Estoy tratando de determinar la velocidad de carga de una imagen en promedio
Mi código se parece a esto
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)El código funciona bien, pero el problema es que después de que la imagen se cargó por primera vez, se cargará primero desde aproximadamente (64 ms a menos de 1 ms en mi lado).
Supongo que el navegador mantendrá algunos datos de la imagen hasta que la ventana se vuelva a cargar o se cierre (corrígeme si me equivoco)
¿Es posible evitar esto sin usar window.reload y realmente recargar la imagen?
Ejemplo:
¡Gracias por cualquier respuesta!
Simplemente agregue su now como un parámetro de consulta a su 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)