0

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

4

2 回答 2

0

您的网站性能不会减慢。它在其他地方，而不是 CSS 缩小。Online YUI Compressor可以正确缩小页面加载速度，而不是减慢页面加载速度，而是提高页面速度。

于 2013-02-27T20:30:22.607 回答
0

好吧，根据文档

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

响应式风格 - 生产模式

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

此文件始终称为：ThemeName.responsive.styles.css

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

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

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

参考：参考 AdaptiveThemes 文档

于 2016-09-12T19:47:17.103 回答