帯域幅の最適化はどのように機能しますか?


11

サイト内のすべてのCSSファイルとJavaScriptファイルを組み合わせるように最適化しました。

画像1

YslowをFirefoxで実行して、このサイト用にロードされたコンポーネントを表示すると、8つのJavaScriptファイルと8つのCSSファイルがロードされていることがわかります。

画像2

これらのファイルが結合されないのはなぜですか?

回答:


10

Drupal 7で集約されたCSSおよびJSファイルはグループに分割されるため、Drupal 6で見られるよりも多くのファイルが自然に得られます。

それについて詳しく説明している優れた記事がすでに出ているので、全体を説明することはしません。

D7はこれに対処するために新しい戦略を使用します-集計は3つのグループに分割されます:スタイルの場合はCSS_SYSTEM、CSS_DEFAULT、CSS_THEME、JavaScriptの場合はJS_LIBRARY、JS_DEFAULT、JS_THEME。各グループはさらに、すべてのページにロードされるファイルと、「every_page」オプションに基づいて条件付きでロードされるファイルに細分されます。このオプションは混乱を招く可能性があることに注意してください。すべてのページにファイルが読み込まれるわけではありません。コアシステムがそのグループにファイルを配置するための「ヒント」にすぎません。

結局のところ、これらの分割の目的は、ファイルを機能グループにグループ化することです。これらのグループは、より小さく、誤った条件付きスタイルまたはスクリプトによって分割される可能性が低くなります。コアライブラリ、テーマ、およびページ固有のファイルの個別のファイルを取得します。結果を見ると、Drupal 7は8つのスタイルシート(ブラウザスタイルを含む)を出力しますが、D6はデフォルトのインストールで3つしかありません。これは最適ですか?答えはサイトごとに異なります。

問題の原因となっている場合は、コアライブラリモジュールを確認してください。

このモジュールは、Drupalコアの集約メカニズムプロセスを変更します。I / Oとファイルの集約数を大幅に削減し、クライアントキャッシュヒットの可能性を高めます。したがって、より大きな集約ファイルを生成する一方で、ユーザーが閲覧している間の帯域幅の使用率を大幅に削減します。


素晴らしい記事私はファイルをそのままにしておきます。
chefnelone

また、AdvAggを使用してより大きなグループを強制できることを追加します。
mikeytown2 2015
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.