2010-12-20 19 views
7

サイトのパフォーマンスの面でどのアプローチが優れているかを判断するのが難しいです。JavaScriptをロードしています:HTTPリクエスト-v-非同期ロード

サイト内のすべてのページに必要なすべてのjQueryプラグインを1つのファイルに含めるか、プラグインを個別のファイルに分割し、jQuery.getScript()メソッドを使用して必要なときにロードします。

スクリプトを1つのHTTPリクエストで非同期に読み込むことには本当にメリットはありますか?

すべて私のJavascriptは縮小され、gzippedされます。

ありがとうございます!

+0

を読む - http://labjs.com –

+0

のために知っている唯一の方法あなたの特定のケースで**両方を試して**結果を測定することです。 – Day

+0

私は、デスクトップブラウザで動作するjsファイル(CDNで読み込まれたフレームワーク)を読み込むだけの利点があります。しかし、私の懸念はますます、サイトは非常に小さなキャッシュ(iPhoneは25k)を持っているモバイルデバイス経由でアクセスされることです。つまり、常に1つのjsファイルをロードする必要があります。オフラインのストレージマニフェストを作成することができますか? – mindwire22

答えて

0

1つのリクエストがパフォーマンスに優れています。期間。欠点は、ファイルの1つが変更されるたびに、全体が変更される(また、再度ダウンロードする必要がある)ことです。プラグインはあまり変わらないので、できるだけすべてを1つのファイルに入れています。

このファイルにjQueryコアも入れてください。あなたのカスタムJavaScriptも同様に。それが正しい順序であることを確認してください:)

+3

必ずしも真実ではありません。 (HTTPリクエストが送信されないように)長期キャッシングを使用すると、パフォーマンス上のペナルティがなく、パフォーマンスが向上する可能性があります(必要なスクリプトだけを処理し、ページがレンダリングされるとスクリプトがダウンロードされるので、 –

0

FirefoxにYSlowプラグインを試して、別の設定を試してみてください。

つまり、jsを1つのファイルに縮小するのは簡単な方法で、大きな成果を挙げることができます。 1つのファイルを取得し、多くの場合、パーツの合計よりもずっと小さくなります。