1. การโหลด
อันดับแรกโหลดไฟล์ js อ้างอิงของหน้าคงที่จากนั้นค้นหาว่าไฟล์อ้างอิงมีฟังก์ชั่น OnLoad หรือไม่เช่น Main.js มีฟังก์ชั่น ONLOAD และค้นหาว่ามีการอ้างอิงถึงไฟล์ JS อื่น ๆ ใน Main.js และ ลำดับความสำคัญจะได้รับการโหลดไฟล์ js อ้างอิง
หลังจากโหลดแล้วเริ่มดำเนินการฟังก์ชัน ONLOAD เนื่องจากคำสั่งการดำเนินการของ JS ถูกดำเนินการตามลำดับเพื่อปรับปรุงความเร็วที่สอดคล้องกันของหน้าจึงมักจะวาดหน้าเว็บใน ONLOAD เท่านั้นและฟังก์ชั่นการเชื่อมโยงเหตุการณ์บางอย่างวิธีการ AJAX ฯลฯ สามารถเขียนล่าช้าได้
2. การวิเคราะห์ความเร็วในการตอบสนอง
1. ใช้เครื่องมือในการวิเคราะห์
เครื่องมือนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์ที่สำคัญ (เช่น Firefox มากที่สุด) สามารถดูเวลาการโหลดและการดำเนินการของไฟล์ JS แต่ละไฟล์ไฟล์ HTML ไฟล์ CSS และรูปภาพ
2. การวิเคราะห์แบบหนัก
ในขั้นตอนแรกเราสามารถค้นหาไฟล์ JS คอขวดได้โดยทั่วไป บล็อกโดยใช้คำสั่ง console.time (test ') อย่างไรก็ตามคำสั่งคอนโซลนั้นใช้ได้เฉพาะในเบราว์เซอร์ที่ไม่ใช่ IE และจะมีการรายงานข้อผิดพลาดภายใต้ IE หากคุณต้องการใช้ IE ให้ใช้การประทับเวลา เมื่อบีบได้วิธีที่สะดวกยิ่งขึ้นคือการบีบไฟล์ JS ทั้งหมดโดยตรงจากนั้นใช้เบราว์เซอร์ Firefox ให้กด F12 เพื่อดูการใช้เวลาทั้งหมดของฟังก์ชั่นทั้งหมดและบล็อกรหัสใน JS เป้าหมายในคอนโซลและคุณสามารถค้นหาคอขวด รหัสสถานที่