Comment le site extrêmement chargé d'Apple est-il si rapide?

A pris un profil de la page "Smart Cover" sur le site d'Apple en utilisant Pingdom. Il demande 241 objets pour un poids total de 3472,6 Ko! Un mammouth absolu.

Comment cela se traduit-il éventuellement en un temps de téléchargement de 4 secondes? Je ne suis même pas sur une excellente connexion et il se charge toujours en quelques secondes en utilisant mon DSL obstrué. Ce graphique interactif vers le milieu charge plus de 90 images par couverture sélectionnée, à environ 40k chacune. Pourtant, cela se fait à des vitesses fulgurantes.

Comment font-ils?

apple performance cdn

— Jon
source

Ils ont accès à un réseau Akamai CDN. De plus, ils ont optimisé le site pour télécharger les images telles qu'elles sont vues, donc jusqu'à ce que vous les demandiez, vous n'utilisez pas la bande passante. Si vous ralentissez délibérément votre connexion, vous remarquerez un spinner de chargement pendant le chargement de cette image. Si vous quittez la page assez longtemps, c'est> 30 Mo. Tout cela est accompli avec un chargement différé

Le CDN est probablement la chose la plus importante. Un débit élevé et une faible latence feront toujours charger les choses VRAIMENT rapidement

+1; ils sont l'un des plus gros clients d'Akamai, et ce depuis de nombreuses années. bien avant l'AppStore, même avant iTunes.

BTW, beaucoup de gens appellent de nos jours «CDN» à n'importe quel nombre de serveurs Web statiques; mais Akamai est l'un des meilleurs, avec de nombreuses astuces pour servir le contenu le plus près possible du client. Ils ont des serveurs directement dans les centres de données de la plupart des FAI dans le monde.

Très intéressant. Je soupçonnais le CDN, mais mon dernier employeur a également utilisé Akamai sur un site énorme avec des résultats qui n'étaient pas aussi étonnants. Avez-vous plus d'informations sur la partie "téléchargement d'images telles qu'elles sont vues"? Est-ce juste un morceau de JS qui détecte si une image est encore dans votre fenêtre?

oui. c'est aussi simple que cela. Vous pouvez trouver quelques scripts pour gérer cela si vous ne voulez pas l'écrire vous

Étant donné qu'ils laissent tant de choses en termes d'optimisation des performances sur la table (voir: résultats page-speed / yslow - gtmetrix.com/reports/www.apple.com/sYrN2NoW et économies de compression - goo.gl/adOFs ) est vraiment incroyable!

— Mike Hudson