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