所以我使用yslow for firefox，我的页面重量很高。我的页面有一个主要的产品图像，然后可能有10个缩略图。如果单击缩略图，图像将通过jquery弹出窗口打开。问题是，yslow甚至将缩略图的目标列为页面权重的一部分，所以我想由于某种原因图像正在下载。
例如，我有：
<a class="group nyroModal" rel="lightbox-group" href="/upload/topview.jpg">
<img alt="thumbnail" src="/upload/thumb/t_topview.jpg" />
</a>
这个普通的html会导致“upload / topview.jpg”自动下载吗？或者它是jquery插件“nyroModal”？我宁愿这些图像没有预加载，这会浪费很多带宽。
所以我的问题是，浏览器会自动尝试下载锚点的href属性中的图像文件，还是插件最有可能造成这种情况？
感谢您给我的任何指示。
答案 0 :(得分：6)
不，浏览器不会自行下载href。我猜你的jquery插件正在关注预加载的链接。如何禁用它可能在插件的文档中。
答案 1 :(得分：1)
正如Squeegy所说，浏览器本身并没有这样做......我查看了nyroModal网站，它也不是该插件默认代码的一部分。
不考虑预加载图像 成为插件的一部分，就像你一样 可能需要预加载其他图像 为您的网站。如果你需要这样做 所以，你可以使用这段代码。
那么，你在其他地方有其他代码正在进行预加载吗？这是一个基本的预加载图像功能，您可以使用它来查找发生的位置。在代码中搜索= new Image()部分，您可以找到它。
function preloadImg(image) {
var img = new Image();
img.src = image;
}
答案 2 :(得分：0)
您的准则是：
<a class="group nyroModal" rel="lightbox-group" href="/upload/topview.jpg">
<img alt="thumbnail" src="/upload/thumb/t_topview.jpg" />
</a>
将其更新为，
<a download="imagename.jpg" href="/upload/thumb/t_topview.jpg">
<img alt="thumbnail" src="/upload/thumb/t_topview.jpg" />
</a>
享受.. :)）