In che modo il sito enormemente pieno di immagini di Apple viene servito così velocemente?

Ha preso un profilo della pagina "Smart Cover" sul sito di Apple usando Pingdom. Richiede 241 oggetti per un peso di pagina totale di 3472,6 KB! Un mammut assoluto.

In che modo ciò può tradursi in un tempo di download di 4 secondi? Non ho nemmeno una buona connessione e si carica ancora in pochi secondi usando il mio DSL intasato. Quella grafica interattiva verso il centro carica oltre 90 immagini per copertina selezionata, a circa 40k ciascuna. Tuttavia, è fatto a velocità straordinarie.

Come lo fanno?

apple performance cdn

— Jon
fonte

Hanno accesso a una rete CDN Akamai. Inoltre, hanno ottimizzato il sito per scaricare le immagini mentre vengono visualizzate, quindi fino a quando non le richiedi, non stai utilizzando la larghezza di banda. Se rallenti deliberatamente la connessione, noterai uno spinner di caricamento mentre l'immagine viene caricata. Se lasci la pagina abbastanza a lungo, è> 30 MB. Tutto ciò viene eseguito con caricamento differito

Il CDN è probabilmente la cosa più grande però. Elevata produttività, bassa latenza farà sempre caricare le cose DAVVERO rapidamente

+1; sono uno dei maggiori clienti di Akamai e lo sono da molti anni. molto prima dell'app store, anche prima di iTunes.

A proposito, molte persone in questi giorni chiamano 'CDN' a qualsiasi numero di server web statici; ma Akamai è uno dei migliori, con molti trucchi per servire i contenuti il più vicino possibile al cliente. Hanno server proprio nei datacenter della maggior parte degli ISP del mondo.

Molto interessante. Sospettavo la CDN, ma anche il mio ultimo datore di lavoro usava Akamai su un sito enorme con risultati non altrettanto sorprendenti. Altre informazioni sulla parte "download delle immagini quando vengono visualizzate"? È solo un pezzo di JS che rileva se un'immagine è ancora nel tuo viewport?

Sì. è proprio così semplice. Puoi trovare alcuni script là fuori che lo gestiranno se non vuoi scriverlo tu stesso

Dato che lasciano così tanto in termini di ottimizzazione delle prestazioni sul tavolo (vedi: risultati page-speed / yslow - gtmetrix.com/reports/www.apple.com/sYrN2NoW e risparmi in termini di compressione - goo.gl/adOFs ) è davvero fantastico!

— Mike Hudson,