drupalの集約されたJavaScriptを(自動的に)縮小する最良の方法は何ですか?


10

新しく作成したdrupal 6サイトでGoogle pagespeedを実行すると、次のように報告されます。

Minifying the following JavaScript resources could reduce their size by 15.6KiB (12% reduction).

    Minifying http://[sites]/sites/default/files/js/js_9f19b87ffb72ca233ea7e45dda2f20f9.js could save 15.3KiB (18% reduction). See optimized version or Save as.

上記のファイルはdrupalのデフォルトのJavaScript集約メソッドによって生成されたものですが、明らかに18%小さい可能性があります(これはこのサイトにとって大きな問題です)。既存のコードを壊すことなくdrupalサイトでJavaScriptを縮小することに関して、どのアプローチが最良と考えられますか?


これは本当にDrupal固有の質問ではないと思います。JavaScriptの縮小に関連している可能性があるため、StackOverflowで質問するほうがよいでしょう。
2011年

4
drupal固有の部分は、どのソリューションでもdrupalと統合し、コアJS集約ファイルを縮小バージョンに置き換える必要があるということです。タイトルを変更して、これをより明確にする
wiifm

回答:


4

Apacheを使用し、Drupal独自の集約と組み合わせて拡張機能(たとえば、共有Webホストではない)をインストールでき、PageSpeedの利点を追加できる場合は、Javascript Aggregatorモジュールを使用するか、PageSpeed(Firebug拡張ではなくApacheモジュール)をインストールできます。 CSSを縮小することもできます。


nginxをウェブサーバーとして使用して、Google pagespeedがそれとまだ統合されているかどうかはまだ
わかり

確かに、その場合は、PageSpeedよりもモジュールの方が適しています。
ワイルドピーク2011年

6

集約の問題の多くに取り組むために新しいモジュールを作成しました。それをD8に大量に入れたいと思います。はい、それはD6モジュールです:http : //drupal.org/project/advagg。JSの圧縮にはjsmin + libを使用し、CSS圧縮にはCSSTidy libを使用します。これの主な利点は、css / js集約ファイルが必要でない限り名前を変更しないことです。これらのファイルはまた、1年のキャッシュ有効期間を持ち、画像キャッシュが生成されるため、CSSファイルへの404は過去のものになるはずです。

更新:AdvAgg 7.xは開発中で、オプションのサブモジュールとしてJSの縮小版が付属しています。その他のD7オプション:
http : //drupal.org/project/speedy
http://drupal.org/project/uglifyjs


1
ページの説明から、このモジュールをインストールする必要があるという微妙なヒントを感じています。Dよくできました。試してみます。
ワイルドピーク、2011年

1
ええ、私はこのモジュールをサイトで試しましたが、唯一の問題は、サイトが壊れるような方法でCSSを縮小したことです。これがCSS縮小エンジンによるものなのか、コード化が不十分なCSSによるものなのか、私にはわかりませんでした。このモジュールには、CSS縮小を無効にするオプションがありますか?いい仕事BTW
wiifm

CSS圧縮モジュールを無効にするだけです。疑問に思っている場合は、CSSTidyライブラリを使用します。
mikeytown2

@ mikeytown2このような素晴らしいモジュールをありがとうございました。私のウェブサイトのcssファイルの1つに問題があり、ロードできない場合があります質問はここにあります[ drupal.stackexchange.com/questions/128649/…そして、ウェブサイトのリンク[ living.md/]がさまようadvggを使用している場合、有効にする必要がありますかdrupal CSSファイルと集約JavaScriptファイルを集約および圧縮します。パフォーマンスの下で。モジュールのドキュメントや基本的な設定へのリンクが見つかりませんか?
ヤマ

2

Minifyモジュールを使用して同じことを行うことができます。Minifyモジュールは、Googleコンパイラを使用してJavaScriptを縮小します。「Aggregate JavaScript files」でも動作するので、Drupal 7のデフォルトオプションである複数のJavaScriptファイルを組み合わせる利点も得られます。

MinifyモジュールはHTMLも縮小します。

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