バンドル.jsファイルとCDN

Question

ウェブページのパフォーマンスを向上させるために、CDNを使用して、.jsファイルをウェブページに配信することをお勧めします。それは理にかなっている。

また、ロード時にサーバーに対して行われている要求の数を減らすために、.jsファイルをバンドルすることをお勧めします。

したがって、CDNを使用するか、.jsのバンドルファイルを使用するかを決める必要があります。

賛否両論は何ですか？どちらが理にかなっていますか？

Answer 1

なぜあなたはそれらを同梱できませんとはCDNですか？それは、どちらか一方の決定であるべきではありませんか？

がのいずれかを選択する場合は、含まれているファイルの数はどれくらいであるかによって異なります。.js少数のファイルについては、は、.jsファイルの束がの間違いなくより速くなるように、CDNがより速くなるように、を提案します。スイッチオーバーが行われる場所は、あなたが試してみるべきものです。

Answer 2

私の答え：両方。それらを束ねてCDNに置く。

これを行うことの欠点はありますか？依存します。あなたはプロセスをどのように構築しますか？バンドリングと小型化を簡単に自動化できますか？ Yahoo YUIやGoogle Closureなどを使用していますか？

また、GUIに依存するjQueryが多数ある場合、要素/エフェクト/ CSSが絶えず変更されるため、時間がかかることがあります。

可能性のある小型化のためにテストも重要です。

結論：5つのjavascriptファイル安全には1ファイルにまとめられます。

普通の古いHTMLと1つの外部javascriptリファレンスを持つページ=== 2つのリクエストをサーバーに送ります。しかし、あなたのサーバーへのCDN === 1リクエストでは、単純な古いHtmlと1つの外部javascript参照を持つページ。

現在、Googleクローズツールを使用しています。 Google Closure Inspectorは、次のに役立ちます：

閉鎖コンパイラは、あなたのオリジナルのJavaScriptコードを変更し、より小さく、オリジナルよりもより効率的な、しかし、読み、デバッグが難しくなってコードを生成します。 Closure Inspectorは、コンパイルされたコードに対応する元のソースコードの行を識別するソースマッピング機能を提供するのに役立ちます。

Answer 3

他の人が既に述べたように、可能な場合は、両方とも答えがあります。バンドル（および縮小）は、ページの重量を減らすため、ユーザーに利益をもたらします。 CDNは、作業負荷を軽減するためにサーバーに利益をもたらします。一般的に言えば、パフォーマンスの問題を観察していないか、あるいは何もしないほうが良い場合を除いて、どちらかを最適化する必要はありません。あなたが考える必要があるいくつかのことがあります

Answer 4

...

はどのようにJSのくらいどのくらい後になるまで遅らせることができますが、初期のページロードでロードする必要がない、と？

GoogleアナリティクスのようにJSの読み込みを遅らせたり（ページの下部に配置するなど）、非同期に読み込んだりすると、JSスレッドがUIスレッドをブロックする時間を最小限に抑えることができます。

JSの負荷をどのように分けることができるかを検討した後、さまざまなJSファイルのマージ/縮小を処理します.HTTPリクエストを減らすことは、パフォーマンスを向上させる鍵です。

次に、CDNに移動して、CDNが圧縮されたJSコンテンツを提供できることを確認し、ヘッダが永久にキャッシュされるようにヘッダーを設定できるようにします（永久にキャッシュする場合はファイルをバージョンアップする必要があります）。 CDNは待ち時間を短縮するのに役立ちますが、クッキーレスでサイズを縮小します

静的コンテンツ用に別のドメインを設定することを検討したい場合は、並べ替え中にサーバーにポイントしてから価値があると思われる場合はCDNに切り替えてください。

Andy