css - Sprite 优化？

Question

有谁知道每个浏览器如何加载图像？对于内联图像，对同一图像的两次调用会触发两个服务器请求还是只触发一个？如何处理对已下载图像的后续调用？

对于 CSS 图像，是在调用 CSS 文件时加载在 CSS 中调用的所有图像，还是在使用调用图像的各个类时加载？作为一个极端的例子，如果我有一个调用 200 个独立图像的 CSS 文件，但在第一个页面加载时只调用了其中一个图像，那么是调用所有 200 个图像还是只调用一个图像？如果有的话，浏览器的加载有何不同？

Answer 1

图像 url 应该只在服务器上造成每页一次点击。对于那个页面的点击，浏览器可以假设图像不会改变，即使图像在页面上出现多次也是如此

对于下一页，浏览器将倾向于对图像执行“if-modified-since”请求，并且只有在自昨晚以来修改过的情况下才会获取新图像。但同样，它每页只会执行一次。

图片下载并缓存后，您很可能只会看到 200 个获取请求和 304 个未修改的响应，直到图片从缓存中消失。