CSS精灵和HTTP请求
我的第一个问题是：如果我声明多个规则，比如CSS精灵和HTTP请求,css,performance,xmlhttprequest,css-sprites,Css,Performance,Xmlhttprequest,Css Sprites,我的第一个问题是：如果我声明多个规则，比如 .link1 {background:url('sprite.png') 0 0;} .link2 {background:url('sprite.png') -20px -20px;} 这些是否算作单独的HTTP请求？ 我在这个问题上找到了多个答案，现在我知道图像将从浏览器缓存中获取 现在来问一个新问题：我如何在Chrome/Firefox中检查这一点？我可以在控制台的什么位置检查一个样式表中有多少个HTTP请求。在我的头顶上可以帮上忙 雅虎卓越绩
.link1 {background:url('sprite.png') 0 0;}
.link2 {background:url('sprite.png') -20px -20px;}
也就是说，sprites专门减少了HTTP请求的数量打开Chrome或Firefox开发者工具，查看网络选项卡以查看所有网络操作和请求的列表 精灵应该只需要一个GET请求，不管它们在CSS中被引用了多少次。它在初始请求之后被缓存
您还可以使用类似于或的工具来检查网络请求。打开Chrome或Firefox开发者工具，检查网络选项卡以查看所有网络操作和请求的列表 精灵应该只需要一个GET请求，不管它们在CSS中被引用了多少次。它在初始请求之后被缓存
您还可以使用类似于或的工具来检查网络请求。打开Chrome或Firefox开发者工具，检查网络选项卡以查看所有网络操作和请求的列表 精灵应该只需要一个GET请求，不管它们在CSS中被引用了多少次。它在初始请求之后被缓存
您还可以使用类似于或的工具来检查网络请求。打开Chrome或Firefox开发者工具，检查网络选项卡以查看所有网络操作和请求的列表 精灵应该只需要一个GET请求，不管它们在CSS中被引用了多少次。它在初始请求之后被缓存 您还可以使用或等工具来检查网络请求 这些是否算作单独的HTTP请求 没有。它第一次被缓存，然后从缓存中重新使用。在某些情况下，使用SSL可能会迫使浏览器在回访时重新加载它们 最小化HTTP请求规则不是一个坏规则，但是如果“精灵表”变得相当大，样式规则可能会成为管理的噩梦 这些是否算作单独的HTTP请求 没有。它第一次被缓存，然后从缓存中重新使用。在某些情况下，使用SSL可能会迫使浏览器在回访时重新加载它们 最小化HTTP请求规则不是一个坏规则，但是如果“精灵表”变得相当大，样式规则可能会成为管理的噩梦 这些是否算作单独的HTTP请求 没有。它第一次被缓存，然后从缓存中重新使用。在某些情况下，使用SSL可能会迫使浏览器在回访时重新加载它们 最小化HTTP请求规则不是一个坏规则，但是如果“精灵表”变得相当大，样式规则可能会成为管理的噩梦 这些是否算作单独的HTTP请求 没有。它第一次被缓存，然后从缓存中重新使用。在某些情况下，使用SSL可能会迫使浏览器在回访时重新加载它们 最小化HTTP请求规则不是一个坏规则，但是如果“精灵表”变得相当大，样式规则可能会成为管理的噩梦 单击Chrome中的“网络”选项卡。我记不起Firefox中的等价物，但它就在那里。IE开发者工具中也一样。点击Chrome中的“网络”选项卡。我记不起Firefox中的等价物，但它就在那里。IE开发者工具中也一样。点击Chrome中的“网络”选项卡。我记不起Firefox中的等价物，但它就在那里。IE开发者工具中也一样。点击Chrome中的“网络”选项卡。我记不起Firefox中的等价物，但它就在那里。在IE开发者工具中也是如此。