クラウド ファイルを使用する価値はありますか? (または CDN を使用する価値はありますか?)

クラウド ファイルを使用する価値はありますか? (または CDN を使用する価値はありますか?)

私のウェブサイトについて少し説明します:

フロントページは高速に読み込まれ、背景画像がある必要があります。ウェブサイトは、多くの製品画像を備えたオンラインストアです。

サーバーのトラフィックをどの程度軽減できるでしょうか? また、私の知る限り、クラウド ファイルでは far expires ヘッダーを送信する機能がないため、ページを読み込むたびにすべての画像を再度ダウンロードする必要があるのではないですか? ダウンロードがかなり速くなるのはわかりますが、ブラウザーのキャッシュに保存すると、それよりもさらに速くなります。

画像にはどの程度役立つでしょうか? (CSS や JS も提供できることは知っていますが、私の知る限り、それらを gzip 形式で送信することはできません)

答え1

主な目標がフロントページの読み込み速度を上げることである場合、最も大きな効果はページの構造にあります (フロントエンド エンジニアリングについては、Steve Souders と Yahoo パフォーマンス チームを参照してください)。CDN の使用は、この上に構築されるものであり、速度向上の魔法の弾丸ではありません。

適切なキャッシュ ヘッダーとキープアライブを使用して、依存関係を可能な限り少なくし、フロントページの HTML を即座に準備しておくと、非常に役立ちます。

ご興味があれば、あなたのサイトをちょっと拝見させていただきます(私のサイトのお問い合わせフォーム)。

答え2

まあ、今のところあなたのサーバーに関しては、トラフィックを何らかの CDN に送信すると、そのトラフィックがすべてサーバーや接続から削除されるのは明らかです。それがあなたにとってメリットがあるかどうかはわかりません (ボリュームによって異なると思います)。

画像に関しては、ブラウザはサーバーにリクエストを送信して、画像がダウンロードされてから変更されたかどうかを尋ね、変更されていない場合は画像を再度ダウンロードしないことを決定できます。これは、ブラウザが画像が変更されたかどうかさえ尋ねないことを決定するために使用するキャッシュ制御ヘッダーとは異なります。この動作は、プラットフォームとブラウザによってかなり異なります。

CDNプロバイダーの大きな利点の1つは、異なるサイト間でファイルを共有する場合です。たとえば、GoogleのCDNからjQueryを読み込むと、同じファイル(http://ajax.googleapis.com/.../jquery.js)はすでにキャッシュされているはずですが、http://www.mysite.com/jquery.js(実際の URL ではないことは承知しています)。これらの画像が異なるサイト間で共有されていない場合、トラフィックを解放する必要がない限り、大きな利点が得られるかどうかはわかりません。

関連情報