Html 什么浏览器下载隐藏图像 .隐藏图像容器{ 显示：无； }

我主要感兴趣的是移动浏览器如何优化不下载隐藏容器中的图像

这将允许我显著减少初始下载时间

我决不会把浏览器不下载隐藏图像称为优化。这可能有很多很好的理由，而且应该（也将）通过浏览器下载。我没有一些数字表或浏览器，但我敢肯定，一旦解释器发现这样的图像，所有的移动浏览器都会下载

恐怕没有什么灵丹妙药可以只使用html/css有条件地加载

标记。现在，您至少需要一点ecmascript，但与往常一样，我非常确定stackoverflow社区会纠正我的错误

---

节点没有类似于

.preventLoad

的属性（这确实非常有用）。也许是时候提出一个

whatwg

提案了，我会加入并支持它：-）

以前有人对此进行过测试：

编辑：

---

列表中似乎还没有包含很多移动浏览器。

我很确定大多数浏览器仍然会下载一个“隐藏”元素，因为假定隐藏元素在某个时候会被使用。我能想到的防止立即下载图像的唯一方法是从隐藏图像容器div中删除图像，然后在希望客户端下载图像时使用div.innerHTML=img tag html。另请参见我同意下载图像是“正确”行为。FWIW，JS创建的图像总是被加载，即使没有添加到DOM树（！）：

document.createElement（'img'）.src='//example.com/example.png'必须有人将UA列表解码成一个合理的、可查看的浏览器列表，这些浏览器可以使用，也可以不使用。它有iPhoneOS2-5和Android。这涵盖了大多数手机，不是吗？
<style type="text/css">
    .hidden-image-container {
        display: none;
    }
</style>
<div class="hidden-image-container">
   <img src="lulcats.png" />
</div>