Appleの非常に画像の多いサイトはどのようにして高速に提供されるのですか?


8

Pingdomを使用して、アップルのサイトの「スマートカバー」ページのプロファイルを取得しました。それは3472.6 KBの合計ページの重みのために241オブジェクトを要求しています!絶対的なマンモス。

これはどうやって4秒のダウンロード時間に変換されるのでしょうか?私は接続状態が良くなくても、詰まったDSLを使用すると数秒でロードされます。中央に向かっているインタラクティブなグラフィックは、選択した表紙ごとにそれぞれ約4万枚の90以上の画像を読み込みます。それでも、それは非常に速い速度で行われます。

どうやってやっているの?

回答:


8

アカマイのCDNネットワークにアクセスできます。また、画像が表示されるときにダウンロードするようにサイトを最適化しているため、要求するまで帯域幅を使用していません。接続を意図的に遅くすると、画像の読み込み中に読み込み中のスピナーが表示されます。ページを十分に長く残すと、30MB以上になります。これはすべて遅延ロードで実行されます

CDNはおそらく最大のものです。高スループット、低遅延は常に物事を本当に迅速にロードします


2
+1; 彼らはアカマイの最大のクライアントの1つであり、何年も前から存在しています。iTunesの前でさえ、appStoreのずっと前に。

2
ところで、最近多くの人が「CDN」を任意の数の静的Webサーバーに呼び出します。しかし、アカマイは最高の1つであり、クライアントのできるだけ近くでコンテンツを提供するための多くのトリックがあります。彼らは世界中のほとんどのISPのデータセンターにサーバーを持っています。

1
とても興味深い。私はCDNを疑ったが、最後の雇用主は巨大なサイトでアカマイも使用し、それほど驚くべき結果ではなかった。「表示されている画像をダウンロードする」部分に関する詳細情報はありますか?これは、画像がまだビューポートにあるかどうかを検出するJSの一部ですか?

うん。とても簡単です。自分で書きたくない場合にそれを処理するスクリプトがいくつかあります

テーブルのパフォーマンスの最適化の点で多く残しているという事実を考えると(page-speed / yslowの結果-gtmetrix.com/reports/www.apple.com/sYrN2NoWと圧縮の節約-goo.gl/adOFsを参照)本当にすごい!
Mike Hudson
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.