- เมตริกเชิงทดลองสำหรับประเมินความตอบสนองโดยรวมของหน้าใน UI
- สังเกตค่า latency ของการโต้ตอบทั้งหมด ไม่ว่าจะเป็นการคลิก การแตะ และการใช้คีย์บอร์ด
- ค่า INP สุดท้ายคืออินเทอร์แอ็กชันที่ใช้เวลานานที่สุด (ไม่นับ outlier)
- เพื่อมอบประสบการณ์ผู้ใช้ที่ดี ค่า INP ของเว็บไซต์ควรอยู่ที่ 200ms หรือต่ำกว่า 200~500ms คือควรปรับปรุง และมากกว่า 500ms คือการตอบสนองช้า
วิธีการปรับแต่ง (เฉพาะหัวข้อ)
- ค้นหาสิ่งที่ส่งผลเสียต่อ INP
- ค้นหาอินเทอร์แอ็กชันที่ช้าในข้อมูลภาคสนาม
- จำลองอินเทอร์แอ็กชันที่ช้าอีกครั้งใน Chrome DevTools
- ถ้าไม่มีข้อมูลภาคสนามล่ะ?
- วินิจฉัยและจัดการกับ Long Input Delay
- วิธีระบุ input delay
- วิธีแก้ไข input delay ที่ยาว
- ปรับแต่ง event callback
- ลด presentation delay ให้เหลือน้อยที่สุด
- เมื่ออินเทอร์แอ็กชันทับซ้อนกัน
- การปรับปรุง INP ต้องอาศัยความต่อเนื่องและความอดทน
ยังไม่มีความคิดเห็น