本文共 259 字，大约阅读时间需要 1 分钟。

图片会产生HTTP请求的几种情况

1. 只要是img src引用的都会请求；
2. 背景仅在应用的元素在页面中存在时，才会产生请求。
3. 重复图片/多个元素使用重复背景，只产生一次请求；
4. 隐藏元素的背景也会产生请求
5. 多重背景，只请求后面的一张图片
6. 触发hover时，才会请求hover状态下的背景；不触发的话，只请求默认的背景图片。

   
   
    test1
   
   
   
    test2
   
 
     

注：以上情况针对大多数浏览器

图片预加载

• 最常用的是JS方案：

• 在无JS支持的环境下，可以采用隐藏元素来预加载：

转载地址：http://qfaen.baihongyu.com/