当CSS声明包含有效background-image值时，图像何时下载？在解析样式表时或在页面上实际应用声明时，是否下载了这些图像？
换句话说，我将下载样式表中提到的所有图像，无论它们是否会被使用？
此外是否有一个规范解决了这个问题（如果是这样的话，它是否得到尊重）还是留给了用户代理？
答案 0 :(得分：3)
这篇文章有点旧（12个月），但它可能会给你一个想法。
http://timkadlec.com/2012/04/media-query-asset-downloading-results/
答案 1 :(得分：2)
当您在样式表中声明background-image时，无论您在文档中调用该类，或者您不在文档中调用样式表，都会立即下载该图像。
答案 2 :(得分：2)
浏览器每次都更加智能化。新浏览器检测屏幕大小，不下载不适用的媒体查询的图像：mediaqueries and images download
另外，我发现，如果您说#example{ background-image: "whatever.jpeg"}并且元素#example在DOM中不存在，那么浏览器将不会像我在此处阅读那样下载该图像：Are unused CSS images downloaded?
当然要小心display:none;！您的响应式网站会下载这些隐藏元素的背景图像