Giảm số lượng thành phần trên trang của bạn
Yêu cầu HTTP là cách trình duyệt yêu cầu xem các trang của bạn. Khi trang web của bạn tải trong trình duyệt, trình duyệt sẽ gửi yêu cầu HTTP đến máy chủ web cho trang trong URL. Sau đó, khi HTML được phân phối, trình duyệt phân tích cú pháp và tìm kiếm các yêu cầu bổ sung cho hình ảnh, tập lệnh, CSS , Flash, v.v.
Mỗi lần nó nhìn thấy một yêu cầu cho một phần tử mới, nó sẽ gửi một yêu cầu HTTP khác đến máy chủ. Càng nhiều hình ảnh, tập lệnh, CSS, Flash, v.v ... mà trang của bạn có nhiều yêu cầu hơn sẽ được thực hiện và các trang của bạn sẽ tải chậm hơn. Cách dễ nhất để giảm số lượng yêu cầu HTTP trên các trang của bạn là không sử dụng nhiều (hoặc bất kỳ) hình ảnh, tập lệnh, CSS, Flash, v.v ... Nhưng các trang chỉ là văn bản nhàm chán.
Làm thế nào để giảm yêu cầu HTTP mà không phá hủy thiết kế của bạn
May mắn thay, có một số cách bạn có thể giảm số lượng yêu cầu HTTP, đồng thời duy trì các thiết kế web phong phú, chất lượng cao.
- Kết hợp các tệp - Sử dụng các bảng định kiểu và tập lệnh kiểu bên ngoài là điều quan trọng để giữ chúng không bị giảm thời gian tải trang của bạn, nhưng không có nhiều tệp CSS và một tệp tập lệnh.
- Sử dụng CSS Sprites - Khi bạn kết hợp hầu hết hoặc tất cả các hình ảnh của bạn thành một sprite, bạn chuyển nhiều yêu cầu hình ảnh thành chỉ một. Sau đó, bạn chỉ cần sử dụng thuộc tính CSS nền-hình ảnh để hiển thị phần hình ảnh bạn cần.
- Bản đồ hình ảnh - Bản đồ hình ảnh không phổ biến như trước đây, nhưng khi bạn có hình ảnh liền nhau, chúng có thể giảm nhiều yêu cầu hình ảnh HTTP xuống chỉ một.
Sử dụng Caching để cải thiện thời gian tải trang nội bộ
Bằng cách sử dụng CSS sprites và tệp CSS và tập lệnh được kết hợp, bạn cũng có thể cải thiện thời gian tải cho các trang nội bộ. Ví dụ: nếu bạn có hình ảnh sprite chứa các yếu tố của trang nội bộ cũng như trang đích của bạn thì khi người đọc truy cập vào các trang nội bộ đó, hình ảnh đã được tải xuống và trong bộ nhớ cache . Vì vậy, họ sẽ không cần một yêu cầu HTTP để tải những hình ảnh trên các trang nội thất của bạn.