Jqueryとたくさんのプラグインを正しく圧縮するには？

Question

私はサイトのjavascriptをきれいにしようとしています。私は自分のサイトのヘッダーがこのようになって成長しているのを発見しています：

<script type="text/javascript" src="jquery.base.js"></script> 
<script type="text/javascript" src="jquery.plugin1.js"></script> 
<script type="text/javascript" src="jquery.plugin2.js"></script> 
<script type="text/javascript" src="jquery.plugin3.js"></script> 
<script type="text/javascript" src="jquery.plugin4.js"></script> 

私は多くのhttp要求の悪影響をよく承知しています。サイトには、外部ファイルに取り込む必要があるjsもたくさん埋め込まれています。私はこのすべてを一緒に貼り付けて圧縮したり、問題を引き起こしたりすることができるかどうか疑問に思っていますか？私は誰かがいくつかのsimillarの経験を持っていることを望む。

Answer 1

Javascriptを組み合わせてキャッシングする際の良い方法については、Supercharging Javascript in PHPをご覧ください。

Answer 2

あなたのウェブサイトがPHPを実行できるかどうか：http://www.smashingmagazine.com/2009/07/19/how-to-automate-optimization-and-deployment-of-static-content/

そして：私もあなたが読んでお勧めhttp://code.google.com/p/minify/

あなたの質問に応えてhttp://net.tutsplus.com/tutorials/php/3-ways-to-speed-up-your-site-with-php/

を、それが正常に動作しますが、コードの保守性もなくなります。 minifyのようなものを使用する場合は、静的なjavascript/cssが含まれているhtmlを更新するだけで、静的なコンテンツを自動更新することができます。

Answer 3

はい、コピーして貼り付けることができます。ソースの順序を維持してください（jquery.plugin1.jsの前にあるjquery.base.jsの内容はjquery.plugin2.jsの前に保持してください）。それはまたminifyingの価値があるかもしれません。

Answer 4

通常、スクリプトファイルをマージして圧縮できます。サーバー側のフレームワークによっては、ASP.NET合成スクリプトhttp://msdn.microsoft.com/en-us/library/cc488552.aspxなど、それぞれのルーチンが既に用意されている場合があります。そうしないと、deflateまたはgzip圧縮ファイルの適切なhttpヘッダーを（手動でマージし圧縮すると仮定して）設定する方法はサーバーによって異なります。

Answer 5

私は、Yahoo Compressorがjavascriptを小型化するのに最適であることを発見しました。 YUI Compressor

また、ページの下部にすべてのスクリプトファイル参照を移動して、ページの残りの部分を高速に読み込み、それらのスクリプトをプルダウンすることができます。

Answer 6

これらをすべて1つのスクリプトにコピーして貼り付け、ミニファイアを通して実行し、結果ファイルを保存してページの下部からリンクします（DOMはそのファイルがロードされるのを待つことなくロードされます）。あなたのサーバがそれをgzipsしていることを確認してください

Gzippingを使用すると、さらに細分化する必要がなくなります。これらの2つを組み合わせることで、縮小されたHTTP要求の上に簡単にファイルサイズを80％削減することができます。