¿Cómo se sirve tan rápido el sitio enormemente cargado de imágenes de Apple?

Tomó un perfil de la página "Smart Cover" en el sitio de Apple usando Pingdom. ¡Está solicitando 241 objetos para un peso total de página de 3472.6 KB! Un mamut absoluto.

¿Cómo se traduce esto en un tiempo de descarga de 4 segundos? Ni siquiera estoy en una gran conexión y todavía se carga en segundos usando mi DSL obstruido. Ese gráfico interactivo hacia el centro carga más de 90 imágenes por portada seleccionada, a alrededor de 40k cada una. Aún así, se hace a velocidades increíbles.

¿Cómo lo hicieron?

apple performance cdn

— Jon
fuente

Tienen acceso a una red CDN de Akamai. Además, han optimizado el sitio para descargar imágenes a medida que se visualizan, por lo que hasta que las solicite, no utilizará el ancho de banda. Si deliberadamente ralentiza su conexión, notará una flecha de carga mientras se carga esa imagen. Si deja la página el tiempo suficiente, es> 30 MB. Todo esto se logra con carga diferida

Sin embargo, el CDN es probablemente lo más importante. Alto rendimiento, baja latencia siempre hará que las cosas se carguen REALMENTE rápidamente

+1; son uno de los mayores clientes de Akamai, y lo han sido durante muchos años. mucho antes de la AppStore, incluso antes de iTunes.

Por cierto, muchas personas en estos días llaman 'CDN' a cualquier número de servidores web estáticos; pero Akamai es uno de los mejores, con muchos trucos para servir el contenido lo más cerca posible del cliente. Tienen servidores en los centros de datos de la mayoría de los ISP del mundo.

Muy interesante. Sospeché de la CDN, pero mi último empleador también usó Akamai en un sitio enorme con resultados que no fueron tan sorprendentes. ¿Alguna información adicional sobre la parte "descargar imágenes a medida que se ven"? ¿Es solo una pieza de JS que detecta si una imagen ya está en su ventana gráfica?

Sí. Es precisamente así de simple. Puede encontrar algunos guiones que manejarán eso si no quiere escribirlo usted mismo

Dado el hecho de que dejan mucho en términos de optimización del rendimiento en la tabla (ver: resultados de velocidad de página / lento - gtmetrix.com/reports/www.apple.com/sYrN2NoW y ahorros de compresión - goo.gl/adOFs ) realmente es asombroso!

— Mike Hudson