2

ページの読み込みを最適化しようとしています。現在、さまざまな CDN (jquery など) から複数のリソースを取得しています。全体で、約 10 個の異なる JS ファイルと 10 個の異なる CSS ファイルがあります。約 50 ～ 75% が CDN で利用可能です。

その上で (GTMetrix 経由で) PageSpeed/YSlow を実行すると、リソースが多すぎるため、ファイルを結合する必要があるというメッセージが表示されます。JS ファイルを 1 つのファイルに結合し、CSS ファイルにも同じことを行いました (後で、これらを CDN から提供します)。テストを再実行したところ、ページの読み込み時間が 2.19 秒から 1.87 秒になりました。ファイルを結合してローカルで提供することは、CDN から提供される個別のファイルよりも高速であるように思われます。

ファイルを結合してローカルで提供する方が、CDN から提供される個別のファイルよりも優れていることを示す決定的なテストは見つかりませんでした。現時点では、結合されたファイルを CDN に置くと、さらに高速になると推測できます。

ファイルを結合することは優れたアプローチですか?

4

1 に答える 1

2

改善のための 2 つの側面があります。

リソースを組み合わせる

一般に、リクエストが少ないほど、ラウンドトリップが少なくなり、ページの読み込み速度が向上します。(参照: Yahoo: HTTP リクエストを最小限に抑える - Web サイトを高速化するためのベスト プラクティス)

CDN 経由でリソースを提供する

通常、コンテンツ配信ネットワークには複数のデータ センターがあり、コンテンツをサイト訪問者の近くに配置できます。(参照:コンテンツ配信ネットワークを使用する - Web サイトを高速化するためのベスト プラクティス)

プリンシパルとテストの両方を適用して、サイトがどのように改善されるかを確認できます。私は間違いなくリソースを組み合わせることから始めますが、おそらくそこに大きな利益が見られるでしょう.

于 2014-10-30T21:08:33.607 に答える