CSS 画像スプライトをローカルから CloudFront で実行するように変更したところ、ページ間やページのリロードでも顕著な遅延が発生しました。なぜこれが起こっているのかについてのアイデアはありますか?
1 に答える
localhost
からサーバー (この場合はCloudFront ) に画像を移動すると、常に速度が低下しますlocalhost
(確かに)。これは、優れたホスティング サービスを使用しても、ブラウザーはインターネット経由でそのサーバーにhttp 要求を送信して、ドキュメントが以前にキャッシュされてから変更されているかどうかを確認する必要があるためです (変更されていない: HTTP 応答304
)。
ドキュメントを再度ダウンロード/再キャッシュする必要がないと仮定すると、CSS のイメージ要求が終了するはずです (特に css-sprite を使用している場合)。
キャッシュの有効期限が切れた、またはドキュメントが変更されたために画像スプライトを再ダウンロードする必要がある場合、明らかにブラウザはインターネットとネットワークを介してファイルを再度ダウンロードする必要があります。そして、これは、あなた自身のネットワーク/イントラネット、家とキャビネットの間のあなたの家と隣人との間、そしてあなたの ISP があなたに提供する速度に関係なく、競合によるコストが発生します.
一方localhost
、同じマシンであり、(おそらく) ミリ秒単位で測定された応答があります。対照的に、Amazon の CloudFront へのアクセスには 1 ~ 2 秒しかかからないかもしれませんが、それでも 1 桁 (またはそれ以上) 大きくなります。