参照されている.jsファイルがたくさんあるサイトがあります。これらはかなり小さなファイルですが、メソッドをトピック/機能ごとに分けておきたいと思います。
すべてのメソッドを 1 つの .js-File に保持する方が良いですか、それともいくつかの行のみを含む多数 (~ 20 - 30) の小さなファイルを使用しても問題ありませんか?
参照されている.jsファイルがたくさんあるサイトがあります。これらはかなり小さなファイルですが、メソッドをトピック/機能ごとに分けておきたいと思います。
すべてのメソッドを 1 つの .js-File に保持する方が良いですか、それともいくつかの行のみを含む多数 (~ 20 - 30) の小さなファイルを使用しても問題ありませんか?
必ず開発用にそれらを分けておいてください。
sitepoint.comで素敵な議論があります
これらのファイルごとに、HTTP 要求がサーバーに送信され、ブラウザーは応答を待ってから次のファイルを要求します。ブラウザーの制限 (または制限) により、通常、並列ダウンロードが妨げられます。これは、ファイルごとに、要求がサーバーに到達し、サーバーが要求を処理し、応答 (ファイルの内容自体を含む) が到達するまで待機することを意味します。端から端まで、これらのいくつかはページの読み込み時間に大きな違いをもたらす可能性があります.
実際には、非常に多くの参照ファイルを持つのは悪い考えです。パフォーマンスの問題に対する基本的な考え方は、HTTP リクエストを可能な限り最小限に抑えることです (少なくとも運用サーバーでは)。これを見てくださいhttp://developer.yahoo.com/performance/rules.html#num_http
これを行うことができる巧妙な nant スクリプトを持っている人はいますか? YUI コンプレッサーを使用して css と js を縮小するカスタム nant タスクを作成しましたが、結合を追加すると便利です。皆さんはこれをどのように処理しますか?
サーバーサイドで使用しているフレームワーク (存在する場合) はわかりませんが、Ruby on Rails にはスクリプト インクルード機能があり、設定 (テストまたは運用など) に応じて、多くのスクリプト タグを作成できます (通常はテスト モード) またはすべてのスクリプトを 1 つのファイル (オプションでいくつかのプラグインで圧縮) に連結した 1 つのタグを作成します。他の多くのフレームワークもこのようなものをサポートしていると確信しています。
更新: 思い出しました: 手動で圧縮することもできます (空白やコメントを削除したり、変数名を短くしたりするなどして)、javascript ファイルと CSS ファイルをYahoo! UI ライブラリ: YUI コンプレッサー. 圧縮する前に JavaScript が正しいことを確認してください。 JSLintを試してください。