Bagaimana cara situs Apple yang sangat banyak gambar terlayani begitu cepat?

Mengambil profil halaman "Smart Cover" di situs Apple menggunakan Pingdom. Ia meminta 241 objek dengan berat halaman total 3472,6 KB! Mammoth absolut.

Bagaimana ini bisa diterjemahkan menjadi waktu pengunduhan 4 detik? Saya bahkan tidak berada pada koneksi yang bagus dan masih dapat dimuat dalam hitungan detik menggunakan DSL saya yang tersumbat. Grafik interaktif menuju tengah memuat lebih dari 90 gambar per sampul yang dipilih, masing-masing sekitar 40k. Tetap saja, ini dilakukan dengan kecepatan sangat tinggi.

Bagaimana mereka melakukannya?

apple performance cdn

— Jon
sumber

Mereka memiliki akses ke jaringan CDN Akamai. Selain itu, mereka telah mengoptimalkan situs untuk mengunduh gambar saat dilihat, jadi sampai Anda memintanya, Anda tidak menggunakan bandwidth. Jika Anda sengaja memperlambat koneksi Anda, Anda akan melihat pemintal pemuatan saat gambar itu dimuat. Jika Anda meninggalkan halaman cukup lama, itu> 30MB. Ini semua dilakukan dengan pemuatan yang ditangguhkan

CDN mungkin adalah yang terbesar. Throughput tinggi, latensi rendah akan selalu membuat barang dimuat BENAR-BENAR cepat

+1; mereka adalah salah satu klien terbesar Akamai, dan telah bertahun-tahun. jauh sebelum appStore, bahkan sebelum iTunes.

BTW, banyak orang hari ini memanggil 'CDN' ke sembarang server web statis; tetapi Akamai adalah salah satu yang terbaik, dengan banyak trik untuk menyajikan konten sedekat mungkin dengan klien. Mereka memiliki server tepat di pusat data sebagian besar ISP di dunia.

Sangat menarik. Saya mencurigai CDN, tetapi majikan terakhir saya menggunakan Akamai juga di situs besar dengan hasil yang hampir tidak luar biasa. Adakah informasi lebih lanjut tentang bagian "mengunduh gambar saat dilihat"? Apakah ini hanya sepotong JS yang mendeteksi apakah suatu gambar ada di viewport Anda?

ya. sesederhana itu. Anda dapat menemukan beberapa skrip di luar sana yang akan menanganinya jika Anda tidak ingin menulisnya sendiri

Mengingat fakta bahwa mereka meninggalkan begitu banyak dalam hal optimasi kinerja di atas meja (lihat: kecepatan halaman / hasil yslow - gtmetrix.com/reports/www.apple.com/sYrN2NoW dan penghematan kompresi - goo.gl/adOFs ) sungguh menakjubkan!

— Mike Hudson