最近、私は自分自身がクライアント側に仕事をシフトしていくことに気付き、JSファイルはますます大きくなる傾向にあります。私はほとんどのHTMLページのヘッダーに半ダース以上のJSのインポートがあり、これがロード時間を傷つけていることに気付いた。JavaScriptビルドオプション/ツール
私は最近、この1つのHTTPリクエストで複数のJSファイルをダウンロードできるこのscriptを発見しました。これはPHPで書かれており、私はPythonで書き直すつもりのDjangoファンです。私は、事前に縮小され連結されたファイルにHTTPリダイレクトを使用する予定であり、301のコストはどうだろうと思っていました。それが愚かな考えであるかどうか私に教えてください。
一方、静的ファイルの提供にスクリプトロジックを導入することについて少しは心配しています。たとえば、JSファイルを連結して縮小し、複数のJSを置き換えるantタスクスクリプトがそうであるように、1つの大きなものを持つHTMLヘッダーにダウンロードします。
PHPの場合、PHPを使用する主なメリットの1つが失われているビルドステップを導入すると、動的に行うことをお勧めします。実際には、私はこの非常に問題についてSupercharging Javascript in PHPと書いています。
もちろん、他の技術は異なる場合があります。
これもPHPですが、使用するコードが単なるコードではありません（完全に動作するコードがほしい場合はPart 6に直接ジャンプできます）。問題を特定する上で貴重な価値があります。物事を正しい方法で行い、なぜあなたはそのようにしますか？
Javascriptファイルのバンドル（アプリケーション全体で1つだけかもしれません）が好きで、標準的な手段で必要な動作をアクティブにしますが、すべてのコード本体がより大きなキャッシュされ、縮小されたJSファイルにあります。この方法で最速に動作し、行く良い方法です。
ビルドプロセスの一部として使用したい場合は、とにかくビルドプロセスがあれば妥当な解決策ですが、コードを小さくすることをお勧めします。これを行うためのツールがたくさんあります。 YUI Compressorをご覧ください。
JSファイルを静的に結合する場合、gzippingや関連する問題のような上記の他のものはまだ関連しています。
YUIコンプレッサーは良い選択です。あなたはAntベースのビルドプロセスを設定する方法を学習したい場合は、このチュートリアルを見てい：ルビーベースの代替手段としてhttp://www.javascriptr.com/2009/07/21/setting-up-a-javascript-build-process/
を、私はSprockets
をお勧めします