Tôi đang bận kiểm tra xem máy chủ web của tôi đang hoạt động như thế nào. Bây giờ tôi tự tin rằng gzip được bật vì chrome hiển thị tiêu đề mã hóa nội dung: gzip.
Có cách nào dễ dàng để xem một tệp được nén trong các công cụ dành cho nhà phát triển Chrome không?
Câu trả lời:
Cập nhật câu trả lời cho năm 2017 : Có.
Cột kích thước trong tab Mạng trong Công cụ dành cho nhà phát triển Chrome có cả kích thước được nén và không nén, cho gzip, brotli và bất cứ điều gì đến trong tương lai. Ví dụ:
Ở đây kích thước nén là 242 KB, kích thước không nén là 1,1 MB
Để xem cả hai, đảm bảo bạn có Devtools hiển thị các hàng yêu cầu lớn . Đây là biểu tượng đầu tiên trong tùy chọn "Xem" trong thanh công cụ dành riêng cho Mạng.
Phương pháp đơn giản nhất là sử dụng một công cụ trực tuyến. GIDZipTest cho bạn thấy nhiều chi tiết: kích thước ban đầu, kích thước nén và tỷ lệ phần trăm nén.
Tuy nhiên, có thể trong Chrome với một chút nỗ lực. (Cập nhật cho Chrome mới nhất, tháng 9 năm 2011)
Trong Công cụ dành cho nhà phát triển, chuyển đến tab "Mạng" và tải lại trang. Bạn sẽ thấy một danh sách tất cả các tệp được tìm nạp trên cột bên trái. Nhấp vào trang / tệp thích hợp ở bên trái, sau đó tab "Tiêu đề" ở khung bên phải.
Trong "Tiêu đề phản hồi", bạn sẽ thấy "Mã hóa nội dung: gzip" theo sau là tiêu đề "Độ dài nội dung". Đây là kích thước của nội dung nén.
Tìm kích thước không nén là khó khăn hơn. Nếu bạn đang phục vụ các tệp tĩnh, bạn chỉ cần kiểm tra kích thước của nó. Đối với nội dung động, bạn sẽ phải sao chép-dán HTML vào trình soạn thảo văn bản và lưu nó để kiểm tra kích thước chính xác.
Cập nhật cho năm 2017
Khi sử dụng các biểu tượng lớn, các công cụ phát triển chrome hiển thị kích thước nén trước và sau trong các tab mạng.
Tôi đã xác nhận bằng cách tắt và bật gzip trên máy chủ web của mình.
Tôi đã nghe nói một trong chrome bị lỗi do lỗi trong webkit.
Các Y Plugin chậm cho firefox làm một công việc tuyệt vời. Khi chạy, nó đi đến tab Thành phần và mở rộng loại thành phần bạn muốn các giá trị. Nó sẽ hiển thị kích thước ban đầu và kích thước gzip.
Đây không phải là một công cụ dành riêng cho Chrome, nhưng tôi sử dụng Fiddler khi kiểm tra thông tin tiêu đề / lưu lượng HTTP. Đây là một công cụ tuyệt vời, hoạt động trên mọi trình duyệt và hoàn toàn miễn phí!
Đối với bất kỳ ai vẫn đến đây từ một tìm kiếm google chung (như tôi đã làm), trong các phiên bản hiện đại của Firefox, có thể thấy kích thước "thô" và được nén trực tiếp từ các devtools của nó bằng cách so sánh cột "Kích thước được chuyển" và cột "Kích thước". "Kích thước" là kích thước thô của phản hồi, "Kích thước được truyền" là kích thước thực của dữ liệu được truyền cho phản hồi, có thể thấp hơn kích thước thực tế trong trường hợp gzip, như trong hình ảnh bên dưới hoặc thậm chí 0 trong trường hợp phản hồi đã được lưu trữ trong máy khách.
Content-Lengthtiêu đề.