【发布时间】：2012-05-04 13:50:53
【问题描述】：
E 级关于减少 HTTP 请求
此页面有 3 个外部样式表。尝试将它们合二为一。 此页面有 19 个外部背景图像。尝试将它们与 CSS 精灵结合起来。
我应该怎么做才能将它提高到 A 级。 我应该在 .htaccess 文件或其他任何地方改进这一点。 我已经做了很多事情，我得到了 89 分，但我想提高到 A 级。我正在使用 apache 服务器。 我该怎么做。请建议某人。
谢谢
【问题讨论】：
【发布时间】：2012-05-04 13:50:53
【问题描述】：
这是解决外部样式表问题的一种非常简单的方法：打开 Magento 管理员，转到系统>配置>高级>开发人员，然后在 CSS 设置下将“合并 CSS 文件”设置为是。
要解决第二个问题，创建 CSS 精灵表是一个好主意（尽管它可能会有点浪费时间，除非您从一开始就这样做）。独立加载您的主题图形会导致您的响应时间受到很大影响，因此一般的想法是将您的站点图标和背景图像加载到一个文件中，然后使用一些 CSS 技巧仅在需要时显示它们。 Smashing Magazine 上的这篇文章应该可以帮助您开始使用 CSS sprite：http://coding.smashingmagazine.com/2012/04/11/css-sprites-revisited/
至于整体速度优化，有很多（广泛的）关于这个主题的博客文章，只需搜索它们即可。在更改服务器配置之前，请确保您知道自己在做什么，否则响应缓慢将是您最小的麻烦！
【讨论】：
-
补充一点，在构建精灵时，我个人喜欢将图像本身保存在 css/images 文件夹中（以及通过 CSS 加载的任何其他图像）。这样，它可以将您的常规图像和 css 图像分开，并且您始终可以在 CSS 中使用 url(images/sprite.png) 而不必使用文件的绝对 url。如果你需要保持与 IE