เครื่องวิเคราะห์น้ำตกไฟล์ HAR

ไฟล์ HAR (HTTP Archive) คือการส่งออก JSON ของทุกสิ่งที่แผง DevTools Network ของเบราว์เซอร์บันทึกไว้ระหว่างการโหลดหน้าเว็บ ได้แก่ ส่วนหัวของคำขอและการตอบกลับทั้งหมด ขนาดที่แน่นอนและประเภท MIME ของเนื้อหาการตอบกลับแต่ละรายการ และการแบ่งเวลาตามคำขอ คุณสามารถสร้างได้จาก Chrome, Firefox, Edge หรือ Safari โดยเปิด DevTools โหลดหน้าซ้ำบนแท็บ Network จากนั้นคลิกขวาที่รายการคำขอแล้วเลือก "บันทึกทั้งหมดเป็น HAR พร้อมเนื้อหา" เครื่องมือนี้จะอ่านไฟล์ที่ส่งออกโดยตรง ไม่มีการดึงข้อมูลหรือขอซ้ำ

แผนภูมิน้ำตกสร้างขึ้นทั้งหมดจากข้อมูลที่มีอยู่แล้วในไฟล์: ออบเจ็กต์การกำหนดเวลาของแต่ละรายการจะแบ่งคำขอออกเป็นบล็อก การค้นหา DNS เชื่อมต่อ การเจรจา SSL/TLS ส่ง รอ (เวลาเป็นไบต์แรก) และรับเฟส และแต่ละเฟสจะถูกวาดเป็นส่วนที่มีสีของตัวเอง ตามข้อกำหนดเฉพาะของ HAR เวลา SSL จะรวมอยู่ในการเชื่อมต่อด้วย ดังนั้นจะถูกลบออกก่อน มิฉะนั้น ส่วน TLS จะถูกนับสองครั้งและความกว้างของแท่งจะไม่บวกกับระยะเวลาจริงของคำขออีกต่อไป เครื่องหมายแนวตั้งเส้นประจะแสดง DOMContentLoaded และ Load อ่านโดยตรงจากการกำหนดเวลาหน้าของไฟล์ ดังนั้นคุณจึงสามารถดูได้อย่างแน่ชัดว่าคำขอใดเสร็จสิ้นก่อนที่หน้าจะกลายเป็นแบบโต้ตอบ

นอกเหนือจากแผนภูมิ เครื่องมือยังเรียกใช้กฎการค้นหาสามกฎบนฟิลด์ที่รูปแบบ HAR บันทึกไว้แล้ว โดยจะทำเครื่องหมายการตอบสนองแบบแคชได้ (สถานะ 200, 203 หรือ 206) ที่ไม่มีส่วนหัว Cache-Control หรือ Expires ซึ่งหมายความว่าการเข้าชมซ้ำจะต้องดาวน์โหลดใหม่ตั้งแต่ต้น โดยจะตั้งค่าสถานะการตอบกลับด้วยข้อความ — HTML, CSS, JavaScript, JSON, SVG และอื่นๆ ที่คล้ายกัน — มีขนาดใหญ่กว่า 1 KB ที่ให้บริการโดยไม่มีการเข้ารหัสเนื้อหา ซึ่งเป็นโอกาสการบีบอัดที่ง่ายดายที่เซิร์ฟเวอร์ส่วนใหญ่สามารถเปิดใช้งานได้ด้วยบรรทัดการกำหนดค่าเดียว และจะทำเครื่องหมายคำขอ CSS หรือ JavaScript ที่เริ่มต้นก่อนออฟเซ็ต DOMContentLoaded ของเพจ ซึ่งเป็นลายเซ็นแบบคลาสสิกของเนื้อหาที่บล็อกการแสดงผล

ทั้งหมดนี้ทำงานบนข้อมูลที่อยู่ในไฟล์ที่คุณอัปโหลดอยู่แล้ว ไม่มีการเข้าถึงเครือข่าย ไม่มีบริการค้นหาภายนอก และไม่มีการดึงข้อมูลจากหน้าเดิมอีกครั้ง ไฟล์ HAR จะถูกอ่าน แยกวิเคราะห์ และแสดงผลทั้งหมดในแท็บเบราว์เซอร์ของคุณ และจะไม่มีการอัปโหลดไปที่ใดเลย