Ý tưởng để cải thiện tốc độ tải trang web?

Có cách nào để tôi có thể cải thiện tốc độ tải của trang web không?

Tôi biết rằng Google đang thực sự đẩy nhanh tốc độ tải và với sự phổ biến của các trang web di động, điều bắt buộc là các trang web phải tải nhanh.

1. Mẹo của Yahoo để cải thiện trang tăng tốc
2. Mẹo của Google để cải thiện tốc độ trang
3. Nếu bạn đang sử dụng PHP, các mẹo của Google để làm cho PHP nhanh hơn

Đây là danh sách cơ bản bao gồm từ addon Tốc độ trang của Google (đây là YSlow của Yahoo ):

• Tận dụng bộ nhớ đệm trình duyệt
• Chỉ định kích thước hình ảnh
• Tránh CSS @import
• Tránh các yêu cầu xấu
• Kết hợp hình ảnh thành các họa tiết CSS
• Hoãn phân tích cú pháp của JavaScript
• Kích hoạt Keep-Alive
• Cho phép nén
• Inline CSS nhỏ
• Inline JavaScript nhỏ
• Làm cho trang đích chuyển hướng bộ nhớ cache
• Giảm thiểu CSS
• Giảm thiểu HTML
• Giảm thiểu JavaScript
• Giảm thiểu chuyển hướng
• Giảm thiểu kích thước yêu cầu
• Tối ưu hóa hình ảnh
• Tối ưu hóa thứ tự các kiểu và tập lệnh
• Thích tài nguyên không đồng bộ
• Đặt CSS vào đầu tài liệu
• Xóa chuỗi truy vấn khỏi tài nguyên tĩnh
• Phục vụ tài nguyên từ một URL nhất quán
• Phục vụ hình ảnh thu nhỏ
• Chỉ định tiêu đề Vary: Accept-Encoding
• Chỉ định trình xác nhận bộ đệm
• Chỉ định một bộ ký tự
• Trì hoãn tải JavaScript
• Xóa CSS không sử dụng
• Sử dụng bộ chọn CSS hiệu quả

Tôi thực sự khuyên bạn nên sử dụng các tiện ích bổ sung tốc độ trang của Google hoặc Yahoo để kiểm tra các trang của bạn. Thật nhanh chóng và dễ làm và cung cấp hướng dẫn rõ ràng về cách cải thiện tốc độ trang của bạn.

cập nhật

Theo khuyến nghị của Nick trong các bình luận ở đây là một số tài nguyên và thông tin tốt hơn:

• Lời khuyên và cuốn sách của Steve Souder :
• Tham khảo của Facebook khi họ lần đầu tiên tối ưu hóa trang web của họ

cập nhật 2

Đây là số liệu thống kê tốt cho thấy tại sao tốc độ trang lại quan trọng ( nguồn )

• Amazon: 100 ms chậm trễ khiến doanh thu giảm .

• Google: độ trễ 400 ms khiến yêu cầu tìm kiếm giảm 0,59% cho mỗi người dùng .

• Yahoo!: Độ trễ 400 ms khiến lưu lượng truy cập giảm 5-9% .

• Bing: 2 giây chậm trễ khiến doanh thu giảm 4,3% trên mỗi người dùng .

• Mozilla làm cho trang tải xuống của họ nhanh hơn 2,2 giây và được thưởng 15,4% về số lượt tải xuống .

• Google Maps giảm 30% khối lượng tệp và quan sát thấy yêu cầu bản đồ tăng 30% .

• Netflix, sử dụng Appdynamics để theo dõi hiệu suất của họ, đã bật gzip trên máy chủ; chỉ đơn giản bằng các trang hành động đơn lẻ này đã trở nên nhanh hơn 13-25% và tiết kiệm 50% lưu lượng truy cập !

• Shopzilla đã thành công trong việc giảm thời gian tải từ 7 xuống còn 2 giây, nhờ đó tỷ lệ chuyển đổi tăng 7-12% , họ quan sát thấy yêu cầu trang tăng 25%, họ có thể rút 50% máy chủ của mình , do đó tiết kiệm chi phí năng lượng .

• AOL quan sát số lượt xem trang trên một số trang web . Trong khi người dùng nhanh nhất yêu cầu 7-8 trang, chậm nhất chỉ xem 3-4.

• Edmunds đã giảm từ hơn 10 giây xuống dưới 2, thêm 17% lượt xem trang và tăng 3% doanh thu .

Hãy dùng thử CloudFlare http://www.cloudflare.com/plans

CloudFlare là một mạng phân phối nội dung và dịch vụ máy chủ tên miền phân tán được bán trên thị trường như cải thiện hiệu suất và tốc độ trang web và cung cấp bảo mật.