Time to Interactive (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 โดยทั่วไป (สำหรับเว็บไซต์ใดก็ได้) โปรดดูคู่มือประสิทธิภาพต่อไปนี้