Trình phân tích thác nước tệp HAR
Tải tệp .har được xuất từ DevTools của trình duyệt của bạn lên để xem thác yêu cầu thực được tạo từ dữ liệu thời gian của riêng mỗi yêu cầu, đồng thời kiểm tra các tiêu đề bộ đệm bị thiếu, phản hồi không nén và tập lệnh chặn hiển thị.
kết quả
Tệp HAR (Lưu trữ HTTP) là bản xuất JSON của mọi thứ mà bảng điều khiển Mạng DevTools của trình duyệt được ghi lại trong quá trình tải trang: mọi tiêu đề yêu cầu và phản hồi, kích thước và loại MIME chính xác của từng nội dung phản hồi cũng như phân tích thời gian theo yêu cầu. Bạn có thể tạo một cái từ Chrome, Firefox, Edge hoặc Safari bằng cách mở DevTools, tải lại trang trên tab Mạng, sau đó nhấp chuột phải vào danh sách yêu cầu và chọn "Lưu tất cả dưới dạng HAR có nội dung". Công cụ này đọc tệp đã xuất đó trực tiếp - không có gì được tìm nạp lại hoặc yêu cầu lại.
Biểu đồ thác nước được xây dựng hoàn toàn từ dữ liệu đã có trong tệp: đối tượng thời gian riêng của mỗi mục nhập sẽ chia yêu cầu thành các giai đoạn bị chặn, tra cứu DNS, kết nối, đàm phán SSL/TLS, gửi, chờ (thời gian đến byte đầu tiên) và nhận các giai đoạn, đồng thời mỗi giai đoạn được vẽ dưới dạng phân đoạn có màu riêng. Theo thông số HAR, thời gian SSL cũng được bao gồm trong kết nối, do đó, nó sẽ bị trừ đi trước tiên - nếu không, phần TLS sẽ được tính hai lần và độ rộng thanh sẽ không còn cộng vào thời lượng thực của yêu cầu nữa. Các điểm đánh dấu dọc có nét đứt hiển thị DOMContentLoaded và Load, đọc trực tiếp từ thời gian trên trang của chính tệp để bạn có thể biết chính xác yêu cầu nào đã hoàn thành trước khi trang bắt đầu tương tác.
Ngoài biểu đồ, công cụ này còn chạy ba quy tắc tìm kiếm trên các trường mà định dạng HAR đã ghi lại. Nó gắn cờ các phản hồi có thể lưu trong bộ nhớ đệm (trạng thái 200, 203 hoặc 206) không mang tiêu đề Kiểm soát bộ đệm cũng như tiêu đề Hết hạn, nghĩa là một lần truy cập lặp lại phải tải xuống lại chúng từ đầu. Nó gắn cờ các phản hồi văn bản — HTML, CSS, JavaScript, JSON, SVG và tương tự — lớn hơn 1 KB được cung cấp mà không cần Mã hóa nội dung, một cơ hội nén dễ dàng mà hầu hết các máy chủ có thể bật bằng một dòng cấu hình. Và nó gắn cờ các yêu cầu CSS hoặc JavaScript bắt đầu trước phần bù DOMContentLoaded của chính trang, chữ ký cổ điển của nội dung chặn hiển thị.
Tất cả điều này chạy trên dữ liệu đã có sẵn trong tệp bạn tải lên — không có quyền truy cập mạng, không có dịch vụ tra cứu bên ngoài và không tìm nạp lại trang gốc. Tệp HAR được đọc, phân tích cú pháp và hiển thị hoàn toàn trong tab trình duyệt của bạn và không bao giờ được tải lên bất kỳ đâu.