javascript - 从 DOM 中删除尚未完全加载的图像 : is transmission aborted?

Question

图像(未缓存)被添加到 DOM；例如(使用 jQuery):

$('#hereItGoes').append('<img id="theImage" src="image.jpg" />');

浏览器开始下载资源，需要一些时间...

在图片完全加载之前某种事件会触发回调以移除图片。

$('#theImage').remove();

图片资源传输是否中断？

更具体地说，这会阻止服务器发送(图像)数据吗？

---

为问题提供一些“背景”:

长滚动页面通常设计为延迟加载图像:仅当图像进入视口(viewport)时才加载；当它们中的每一个都准备就绪时，就会淡入并显示给用户。

现在如果用户快速向下滚动页面会怎样？

可能会出现许多图像进入视口(viewport)(并开始下载)但在准备就绪之前退出的情况。

保持加载会浪费带宽(和服务器资源)。

Answer 1

不，这是不可能的。这是因为一旦您请求一个资源，它就会被您的客户端代码异步请求，这样它就不会阻止您的 DOM 的其余部分加载。

在更复杂的服务器端请求中，可以发送另一条客户端消息来阻止服务器继续处理响应数据，但如果这是发回图像，则没有必要尝试停下来。

但这不会影响客户端 DOM 性能，因为您只是忽略了服务器响应。