ผู้ใช้จำนวนมากหน้าเว็บของคุณเข้าชมโดยใช้การเชื่อมต่อเครือข่ายมือถือที่ช้า การทำให้หน้าเว็บโหลดได้อย่างรวดเร็วบนเครือข่ายมือถือช่วยให้ผู้ใช้อุปกรณ์เคลื่อนที่ได้รับประสบการณ์การใช้งานที่ดี
วิธีที่การตรวจสอบความเร็วในการโหลดหน้าเว็บของ Lighthouse ล้มเหลว
Lighthouse จะแจ้งเตือนหน้าเว็บที่โหลดไม่เร็วพอบนอุปกรณ์เคลื่อนที่
![การตรวจสอบ Lighthouse ที่แสดงว่าหน้าเว็บโหลดได้ช้าในอุปกรณ์เคลื่อนที่](https://developer.chrome.google.cn/static/docs/lighthouse/pwa/load-fast-enough-for-pwa/image/lighthouse-audit-showing-9a93a82df94ee.png?authuser=0&hl=th)
มี 2 ตัวชี้วัดหลักที่ส่งผลกระทบต่อเวลาที่ผู้ใช้รับรู้ถึงเวลาที่ใช้ในการโหลด ได้แก่
- First Meaningful Paint (FMP) ซึ่งวัดเมื่อเนื้อหาหลักของหน้าเว็บปรากฏว่าครบถ้วนสมบูรณ์
- Time to Interactive (TTI) ซึ่งวัดเมื่อหน้าเว็บมีการโต้ตอบอย่างเต็มรูปแบบ
ตัวอย่างเช่น หากหน้าเว็บดูสมบูรณ์หลังจากผ่านไปแล้ว 1 วินาที แต่ผู้ใช้โต้ตอบกับหน้าเว็บไม่ได้เป็นเวลา 10 วินาที ผู้ใช้ก็มีแนวโน้มที่จะมองว่าเวลาในการโหลดหน้าเว็บเป็น 10 วินาที
Lighthouse จะคำนวณสิ่งที่ TTI จะทำหากการเชื่อมต่อเครือข่าย 4G ที่ช้า หากเวลาในการโต้ตอบนานกว่า 10 วินาที การตรวจสอบจะไม่สำเร็จ
วิธีปรับปรุงคะแนนประสิทธิภาพโดยรวม
หากคุณไม่มีเหตุผลเฉพาะเจาะจงที่มุ่งเน้นไปที่เมตริกใดโดยเฉพาะ การมุ่งเน้นไปที่การปรับปรุงคะแนนประสิทธิภาพโดยรวมจะดีกว่า
ใช้ส่วนโอกาสของรายงาน Lighthouse เพื่อดูว่าการปรับปรุงใดจะสร้างประโยชน์สูงสุดสำหรับหน้าเว็บของคุณ ยิ่งโอกาสมีนัยสำคัญมากเท่าไร ก็ยิ่งมีผลกระทบต่อคะแนนประสิทธิภาพมากเท่านั้น ตัวอย่างเช่น ภาพหน้าจอของ Lighthouse ด้านล่างแสดงให้เห็นว่าการกำจัดทรัพยากรที่บล็อกการแสดงผลจะให้ผลลัพธ์การปรับปรุงที่ดีที่สุดดังนี้
![Lighthouse: ส่วนโอกาส](https://developer.chrome.google.cn/static/docs/lighthouse/performance/interactive/image/lighthouse-opportunities-ec2197d9dce25_1920.png?authuser=0&hl=th)
ดูหน้า Landing Page ของการตรวจสอบประสิทธิภาพเพื่อดูวิธีจัดการกับโอกาสที่ระบุไว้ในรายงาน Lighthouse