Tại sao một số trang web hiển thị 0 byte trong công cụ dành cho nhà phát triển của Chrome

Tôi đang thực hiện tối ưu hóa tốc độ trang cho trang web của mình và nghiên cứu cách các trang web khác làm điều đó. Tôi nhận thấy rằng một số trang web như Facebook hoặc Ringgitplus hiển thị 0 byte cho một số tài nguyên của họ trong các công cụ dành cho nhà phát triển của Chrome, tab Mạng, trong khi kích thước nội dung thực là vài kilobyte.

Tôi đọc một số bài viết nói rằng kích thước là số lượng được tìm nạp và nội dung là kích thước thực tế của phản hồi. Vì vậy, khi kích thước là 0 byte, có nghĩa là nó được phục vụ từ bộ đệm. Nhưng điều tương tự cũng xảy ra khi tôi mở trang bằng Ẩn danh hoặc xóa tất cả bộ nhớ cache.

Làm thế nào là điều này có thể và làm thế nào tôi có thể đạt được điều tương tự cho các trang web của mình?

Hiểu hành vi của Chrome là dễ thấy nhất trong một trang web hỗ trợ cả http và https .

Nếu bạn mở Công cụ dành cho nhà phát triển và xem hình ảnh này , thì Chrome sẽ báo cáo 27,1k nếu hình ảnh được lưu trong bộ nhớ cache và 257 byte nếu không. Bạn có thể xóa bộ nhớ cache của mình bên trong Công cụ dành cho nhà phát triển bằng cách nhấp chuột phải vào khu vực phía dưới màn hình (ví dụ: bên cạnh nav_logo161.png).

Bây giờ hãy mở liên kết với https . Chrome báo cáo 0 byte cho dù mục đó có được lưu trong bộ nhớ cache hay không. Nếu nó được lưu trong bộ nhớ cache, bạn nhận được 304 và nếu nó không được lưu trong bộ nhớ cache, bạn sẽ thấy trạng thái 200. Nhưng bạn có thể thấy trong độ trễ rằng phản hồi không được kiểm soát mất nhiều thời gian hơn.

Vì vậy, câu chuyện dài ngắn, nếu bạn muốn Chrome báo cáo 0 byte cho trang web của mình, hãy sử dụng https .

Lỗi này được ghi lại ở đây và ở đây .

Lỗi này đáng chú ý chủ yếu khi xem hình ảnh. Lý do bạn nhận thấy nó với các liên kết http trong bài viết gốc là cả hai bên thực sự kết xuất trong https .