【转】css background url() 多次使用同一图片的请求次数

参考链接：https://segmentfault.com/q/1010000002508097

 

 

正解：

证明这个结论之前，要先阐述一下浏览器的渲染机制:

如上图，浏览器通过网络请求加载页面资源，在页面呈现之前无论如何都要经历以下过程：

HTML→DOM
CSS→CSSOM
DOM + CSSOM → Render Tree
对Render Tree进行布局计算(Layout)
对布局结果进行屏幕绘制(Paint)

浏览器会对所有的样式表进行解析成css对象再和渲染到页面上，所以同一路径只会请求一次。