เมื่อ JavaScript ใช้เวลานานในการดำเนินการ จะทำให้ประสิทธิภาพของหน้าเว็บช้าลงในหลายๆ ลักษณะ ดังนี้
ค่าใช้จ่ายเครือข่าย
ไบต์ที่มากกว่าเท่ากับเวลาในการดาวน์โหลดที่นานขึ้น
แยกวิเคราะห์และคอมไพล์ต้นทุน
JavaScript จะได้รับการแยกวิเคราะห์และคอมไพล์ในเทรดหลัก เมื่อเทรดหลักไม่ว่าง หน้าเว็บจะตอบสนองต่อข้อมูลจากผู้ใช้ไม่ได้
ค่าใช้จ่ายในการดําเนินการ
JavaScript จะทำงานในเทรดหลักด้วย หากหน้าเว็บเรียกใช้โค้ดจำนวนมากก่อนที่จะต้องใช้งานจริงๆ อาจทำให้เวลาในการตอบสนองล่าช้า ซึ่งเป็นหนึ่งในเมตริกสำคัญที่เกี่ยวข้องกับวิธีที่ผู้ใช้รับรู้ความเร็วหน้าเว็บของคุณ
ค่าใช้จ่ายหน่วยความจำ
ถ้า JavaScript เก็บการอ้างอิงไว้จำนวนมาก ก็อาจใช้หน่วยความจำมาก หน้าดูไม่ดีหรือช้าเมื่อใช้หน่วยความจำมาก หน่วยความจำที่รั่วไหลอาจทำให้หน้าเว็บค้าง
วิธีที่การตรวจสอบเวลาดำเนินการของ Lighthouse JavaScript ล้มเหลว
Lighthouse จะแสดงคำเตือนเมื่อการดำเนินการ JavaScript ใช้เวลานานกว่า 2 วินาที การตรวจสอบจะไม่สำเร็จเมื่อการดำเนินการใช้เวลานานกว่า 3.5 วินาที
![ภาพหน้าจอของการตรวจสอบเวลาดำเนินการของ Lighthouse Reduce JavaScript](https://developer.chrome.google.cn/static/docs/lighthouse/performance/bootup-time/image/a-screenshot-the-lightho-c3740d2b20198.png?authuser=0000&hl=th)
Lighthouse จะรายงานเวลาที่ใช้ในการดำเนินการ ประเมิน และแยกวิเคราะห์ไฟล์ JavaScript แต่ละไฟล์ที่มีการโหลดหน้าเว็บ เพื่อช่วยคุณระบุปัจจัยที่ส่งผลต่อเวลาดำเนินการมากที่สุด
วิธีเร่งความเร็วของการดำเนินการ JavaScript
- ส่งเฉพาะโค้ดที่ผู้ใช้ต้องการโดยการใช้การแยกโค้ด
- ลดขนาดและบีบอัดโค้ด
- นำโค้ดที่ไม่ได้ใช้ออก
- ลดเส้นทางเชื่อมต่อเครือข่ายโดยการแคชโค้ดด้วยรูปแบบ PRPL
ดูวิธีอื่นๆ ในการปรับปรุงการโหลดหน้าเว็บได้ที่หน้า Landing Page ของการตรวจสอบประสิทธิภาพ