เวลาในการตอบสนอง (TTI) คือเมตริกห้องทดลองสําหรับวัดการตอบสนองต่อการโหลด ซึ่งช่วยระบุกรณีที่หน้าเว็บดูเหมือนเป็นแบบอินเทอร์แอกทีฟ แต่จริงๆ แล้วไม่ใช่ TTI ที่รวดเร็วช่วยให้มั่นใจว่าหน้าเว็บใช้งานได้
TTI คืออะไร
เมตริก TTI จะวัดเวลาตั้งแต่ที่หน้าเว็บเริ่มโหลดจนถึงทรัพยากรย่อยหลักของหน้าโหลดขึ้น และสามารถตอบสนองต่อข้อมูลจากผู้ใช้ได้อย่างรวดเร็วและเสถียร
หากต้องการคํานวณ TTI ตามการติดตามประสิทธิภาพของหน้าเว็บ ให้ทําตามขั้นตอนต่อไปนี้
- เริ่มต้นที่ First Contentful Paint (FCP)
- กรอไปข้างหน้าเพื่อหาช่วงเวลาที่ไม่มีการดำเนินการอย่างน้อย 5 วินาที โดยที่ช่วงเวลาที่ไม่มีการดำเนินการหมายถึงไม่มีงานที่ใช้เวลานานและคำขอ GET ของเครือข่ายที่ส่งอยู่ไม่เกิน 2 รายการ
- ค้นหาย้อนกลับเพื่อหางานที่ใช้เวลานานรายการล่าสุดก่อนถึงช่วงเวลาที่เงียบ โดยจะหยุดที่ FCP หากไม่พบงานที่ใช้เวลานาน
- TTI คือเวลาสิ้นสุดของงานที่ใช้เวลานานรายการสุดท้ายก่อนถึงช่วงเวลาที่ไม่มีเหตุการณ์ (หรือค่าเดียวกับ FCP หากไม่พบงานที่ใช้เวลานาน)
แผนภาพต่อไปนี้จะช่วยให้เห็นภาพขั้นตอนข้างต้น
ที่ผ่านมานักพัฒนาซอฟต์แวร์ได้เพิ่มประสิทธิภาพหน้าเว็บเพื่อให้แสดงผลได้อย่างรวดเร็ว ซึ่งบางครั้งก็ทำให้ TTI ลดลง
เทคนิคต่างๆ เช่น การแสดงผลฝั่งเซิร์ฟเวอร์ (SSR) อาจทําให้หน้าเว็บดูเหมือนเป็นแบบอินเทอร์แอกทีฟ (กล่าวคือ ลิงก์และปุ่มปรากฏบนหน้าจอ) แต่ไม่ได้เป็นแบบอินเทอร์แอกทีฟจริงๆ เนื่องจากมีการบล็อกเธรดหลัก หรือเนื่องจากโค้ด JavaScript ที่ควบคุมองค์ประกอบเหล่านั้นยังไม่ได้โหลด
เมื่อผู้ใช้พยายามโต้ตอบกับหน้าเว็บที่ดูเหมือนจะโต้ตอบได้ แต่จริงๆ แล้วไม่ได้โต้ตอบ ผู้ใช้มีแนวโน้มที่จะตอบสนองด้วยวิธีใดวิธีหนึ่งต่อไปนี้
- ในกรณีที่ดีที่สุด ผู้ใช้จะรู้สึกรำคาญที่หน้าเว็บตอบสนองช้า
- ในกรณีที่แย่ที่สุด ผู้ใช้จะคิดว่าหน้าเว็บใช้งานไม่ได้และอาจออกจากหน้าเว็บ และอาจทำให้ลูกค้าสูญเสียความมั่นใจหรือความไว้วางใจในคุณค่าของแบรนด์ด้วย
พยายามลดความแตกต่างระหว่าง FCP กับ TTI ให้เหลือน้อยที่สุดเพื่อหลีกเลี่ยงปัญหานี้ และในกรณีที่มีความแตกต่างที่เห็นได้ชัด ให้ระบุอย่างชัดเจนผ่านตัวบ่งชี้ภาพว่าองค์ประกอบในหน้าเว็บของคุณยังไม่เป็นแบบอินเทอร์แอกทีฟ
วิธีวัด TTI
TTI เป็นเมตริกที่วัดได้ดีที่สุดในห้องทดลอง วิธีที่ดีที่สุดในการวัด TTI คือเรียกใช้การตรวจสอบประสิทธิภาพ Lighthouse ในเว็บไซต์ ดูรายละเอียดการใช้งานได้ในเอกสารประกอบของ Lighthouse เกี่ยวกับ TTI
เครื่องมือของห้องทดลอง
คะแนน TTI ที่ดีคืออะไร
เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดี เว็บไซต์ต้องพยายามให้มีเวลาในการโต้ตอบน้อยกว่า 5 วินาทีเมื่อทดสอบในฮาร์ดแวร์อุปกรณ์เคลื่อนที่โดยเฉลี่ย
ดูรายละเอียดเกี่ยวกับผลกระทบของ TTI ของหน้าเว็บต่อคะแนนประสิทธิภาพของ Lighthouse ได้ที่วิธีที่ Lighthouse กำหนดคะแนน TTI
วิธีปรับปรุง TTI
หากต้องการดูวิธีปรับปรุง TTI สําหรับบางเว็บไซต์ ให้เรียกใช้การตรวจสอบประสิทธิภาพของ Lighthouse และให้ความสําคัญกับโอกาสที่เฉพาะเจาะจงซึ่งการตรวจสอบแนะนำ
หากต้องการดูวิธีปรับปรุง TTI โดยทั่วไป (สําหรับเว็บไซต์ใดก็ได้) โปรดดูคู่มือประสิทธิภาพต่อไปนี้