0

レスポンシブ サイトで CSS ファイルを集約および圧縮するためのベスト プラクティスは何ですか。Drupal 7 の [CSS ファイルの集約と圧縮] オプションをパフォーマンスの下で選択し、モバイル デバイスでサイトを見ると、そのデバイス用に指定されたスタイル シートではなく、メイン サイトのスタイル シートが使用されています。AdaptiveThemeを使用しています。

4

2 に答える 2

0

サイトのパフォーマンスが低下することはありません。CSSの縮小ではなく、どこか別のものです。オンラインの YUI Compressorは適切に縮小し、ページの読み込み速度を遅くするのではなく、ページの速度を向上させます。

于 2013-02-27T20:30:22.607 に答える
0

ドキュメントによると

  • プロダクション モードをオンにする必要があります
  • 追加の変更を加えた場合は、テーマを再保存する必要があります (再度適切にレンダリングできるようにするため)。
  • すべてのレスポンシブ テーマは 1 つの完全なファイルに配置されます
  • また、これに関して役立つ追加機能があるため、AT Toolsをインストールすることを強くお勧めします。

レスポンシブ スタイル - プロダクション モード

本番モードでは、すべてのレスポンシブ スタイルシートが 1 つのファイルに集約され、埋め込まれた @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 に答える