Làm thế nào là trang web nặng về hình ảnh của Apple được phục vụ nhanh như vậy?

Lấy một hồ sơ của trang "Smart Cover" trên trang web của Apple bằng Pingdom. Nó yêu cầu 241 đối tượng cho tổng trọng lượng trang là 3472,6 KB! Một con voi ma mút tuyệt đối.

Làm thế nào để điều này có thể chuyển thành thời gian tải xuống 4 giây? Tôi thậm chí không có kết nối tuyệt vời và nó vẫn tải trong vài giây bằng cách sử dụng DSL bị tắc của tôi. Đồ họa tương tác đó hướng tới tải giữa hơn 90 hình ảnh trên mỗi bìa được chọn, với giá khoảng 40k mỗi ảnh. Tuy nhiên, nó được thực hiện ở tốc độ nhanh.

Họ làm nó như thế nào?

apple performance cdn

— Jon
nguồn

Họ có quyền truy cập vào mạng CDN của Akamai. Đồng thời, họ đã tối ưu hóa trang web để tải xuống hình ảnh khi họ xem, vì vậy cho đến khi bạn yêu cầu họ, bạn không sử dụng băng thông. Nếu bạn cố tình làm chậm kết nối của mình, bạn sẽ thấy một spinner tải trong khi hình ảnh đó tải. Nếu bạn rời trang đủ lâu, nó sẽ> 30MB. Tất cả điều này được thực hiện với tải chậm lại

CDN có lẽ là điều lớn nhất mặc dù. Thông lượng cao, độ trễ thấp sẽ luôn khiến mọi thứ tải thực sự nhanh chóng

+1; họ là một trong những khách hàng lớn nhất của Akamai, và đã được nhiều năm. rất lâu trước appStore, thậm chí trước iTunes.

BTW, rất nhiều người ngày nay gọi 'CDN' tới bất kỳ số lượng máy chủ web tĩnh nào; nhưng Akamai là một trong những người giỏi nhất, với rất nhiều thủ thuật để phục vụ nội dung gần nhất có thể với khách hàng. Họ có máy chủ ngay trong trung tâm dữ liệu của hầu hết các ISP trên thế giới.

Rất thú vị. Tôi đã nghi ngờ CDN, nhưng chủ nhân cuối cùng của tôi cũng đã sử dụng Akamai trên một trang web lớn với kết quả gần như không tuyệt vời. Có thêm thông tin nào về phần "tải hình ảnh khi họ đang xem" không? Đây có phải chỉ là một phần của JS phát hiện xem hình ảnh có trong chế độ xem của bạn chưa?

Vâng. Chính xác thì nó đơn giản. Bạn có thể tìm thấy một vài kịch bản ngoài đó sẽ xử lý nếu bạn không muốn tự viết nó

Với thực tế là họ để lại rất nhiều về tối ưu hóa hiệu suất trên bảng (xem: kết quả tốc độ trang / yslow - gtmetrix.com/reports/www.apple.com/sYrN2NoW và tiết kiệm nén - goo.gl/adOFs ) thực sự là tuyệt vời

— Mike Hudson