Wie wird Apples enorm imageintensive Website so schnell bereitgestellt?

Mit Pingdom wurde ein Profil der Seite "Smart Cover" auf der Apple-Website erstellt. Es werden 241 Objekte für ein Gesamtseitengewicht von 3472,6 KB angefordert! Ein absolutes Mammut.

Wie führt dies möglicherweise zu einer Downloadzeit von 4 Sekunden? Ich habe noch nicht einmal eine gute Verbindung und sie wird mit meinem verstopften DSL in Sekundenschnelle geladen. Diese interaktive Grafik in der Mitte lädt über 90 Bilder pro ausgewähltem Cover mit jeweils etwa 40.000 Bildern. Trotzdem wird es mit rasender Geschwindigkeit gemacht.

Wie machen Sie das?

apple performance cdn

— Jon
quelle

Sie haben Zugriff auf ein Akamai CDN-Netzwerk. Außerdem haben sie die Website so optimiert, dass Bilder beim Anzeigen heruntergeladen werden. Bis Sie sie anfordern, verwenden Sie keine Bandbreite. Wenn Sie Ihre Verbindung absichtlich verlangsamen, werden Sie beim Laden des Bildes einen Lade-Spinner bemerken. Wenn Sie die Seite lange genug verlassen, sind es> 30 MB. Dies alles wird mit verzögertem Laden erreicht

Das CDN ist wahrscheinlich das Größte. Hoher Durchsatz und geringe Latenz lassen die Dinge immer WIRKLICH schnell laden

+1; Sie sind einer der größten Kunden von Akamai und das schon seit vielen Jahren. lange vor dem AppStore, sogar vor iTunes.

Übrigens rufen heutzutage viele Leute 'CDN' auf nur einer beliebigen Anzahl statischer Webserver an. Aber Akamai ist eines der besten, mit vielen Tricks, um Inhalte so nah wie möglich am Kunden zu liefern. Sie haben Server direkt in den Rechenzentren der meisten ISPs der Welt.

Sehr interessant. Ich vermutete das CDN, aber mein letzter Arbeitgeber nutzte Akamai auch auf einer riesigen Website mit Ergebnissen, die bei weitem nicht so erstaunlich waren. Weitere Informationen zum Teil "Herunterladen von Bildern beim Anzeigen"? Ist dies nur ein Teil von JS, der erkennt, ob sich noch ein Bild in Ihrem Ansichtsfenster befindet?

ja. es ist genau so einfach. Sie können ein paar Skripte finden, die das erledigen, wenn Sie es nicht selbst schreiben möchten

Angesichts der Tatsache, dass sie so viel in Bezug auf die Leistungsoptimierung auf dem Tisch lassen (siehe: Seitengeschwindigkeit / yslow-Ergebnisse - gtmetrix.com/reports/www.apple.com/sYrN2NoW und Komprimierungsersparnisse - goo.gl/adOFs ) ist wirklich erstaunlich!

— Mike Hudson