Como o site enormemente carregado de imagens da Apple é servido tão rápido?

Criou um perfil da página "Smart Cover" no site da Apple usando Pingdom. Ele está solicitando 241 objetos para um peso total de página de 3472,6 KB! Um mamute absoluto.

Como isso se traduz em um tempo de download de 4 segundos? Eu nem estou em uma ótima conexão e ainda carrega em segundos usando minha DSL entupida. Esse gráfico interativo voltado para o meio carrega mais de 90 imagens por capa selecionada, com cerca de 40k cada. Ainda assim, é feito em velocidades incríveis.

Como eles fazem isso?

apple performance cdn

— Jon
fonte

Eles têm acesso a uma rede Akamai CDN. Além disso, eles otimizaram o site para baixar imagens como são visualizadas; portanto, até você solicitá-las, não estará usando largura de banda. Se você desacelerar deliberadamente sua conexão, notará um botão giratório de carregamento enquanto a imagem é carregada. Se você deixar a página por tempo suficiente, é> 30 MB. Tudo isso é realizado com carregamento diferido

A CDN é provavelmente a maior coisa. Alta taxa de transferência, baixa latência sempre fará com que as coisas sejam carregadas MUITO rapidamente

+1; eles são um dos maiores clientes da Akamai e existem há muitos anos. muito antes da appStore, mesmo antes do iTunes.

Hoje em dia, muitas pessoas chamam 'CDN' para qualquer número de servidores Web estáticos; mas a Akamai é uma das melhores, com muitos truques para veicular o conteúdo o mais próximo possível do cliente. Eles possuem servidores nos datacenters da maioria dos ISPs do mundo.

Muito interessante. Eu suspeitava da CDN, mas meu último empregador também usou a Akamai em um site enorme, com resultados que não foram tão surpreendentes. Mais alguma informação sobre a parte "baixar imagens como são visualizadas"? Isso é apenas um pedaço de JS que detecta se uma imagem já está na sua janela de exibição?

Sim. é precisamente assim tão simples. Você pode encontrar alguns scripts por aí que resolverão isso, se você não quiser escrever sozinho

Dado que eles deixam muito em termos de otimização de desempenho na tabela (consulte: velocidade da página / resultados de baixa velocidade - gtmetrix.com/reports/www.apple.com/sYrN2NoW e economia de compactação - goo.gl/adOFs ), é realmente incrível!

— Mike Hudson