在响应式站点上聚合和压缩CSS文件

Question

在响应式网站上聚合和压缩CSS文件的最佳做法是什么？当我在性能下选择Drupal 7中的Aggregate和Compress CSS files选项并查看移动设备上的站点时，它正在使用主站点中的样式表而不是该设备的指定样式表。我正在使用AdaptiveTheme。

Answer 1

您的网站效果不会变慢。这是其他事情而不是CSS缩小。 Online YUI Compressor正确缩小，而不是减慢页面加载速度，它可以提高页面速度。

Answer 2

根据文件

• 您需要启用制作模式
• 您需要重新保存主题所需的任何其他更改（以便可以再次正确呈现）
• 所有自适应主题都放在一个完整的文件中
• 还强烈建议安装AT Tools，因为它有其他功能可以帮助您解决此问题

  

响应式样式 - 生产模式

     

在生产模式下，所有响应式样式表都聚合到一个文件中并使用嵌入式@media查询。 AT Core将自动聚合来自每个开发模式样式表的CSS并将其包装在正确的媒体查询中。这会将HTTP请求的数量从5减少到1。

     

始终调用此文件：ThemeName.responsive.styles.css

     

默认情况下会在以下位置找到此文件：〜/ [public files] / adaptivetheme / [ThemeName] /ThemeName.responsive.styles.css

     

但是，您可以选择保存AT生成的文件的位置，例如，您可以将它们直接保存到主题或输入自定义目录路径 - 请参阅文件生成系统。

     

注意：请参阅下面标题为“＃34;响应式样的相对路径＆＃34;”的部分。

参考：Referencing AdaptiveThemes documentation