เวลาทั้งหมดในการบล็อก (TBT)

TBT คืออะไร

เมตริกเวลาทั้งหมดในการบล็อก (TBT) จะวัดระยะเวลาทั้งหมดหลังจาก First Contentful Paint (FCP) ที่มีการบล็อกเทรดหลักเป็นเวลานานพอที่จะทำให้ไม่สามารถตอบสนองต่ออินพุตได้

โดยค่าเริ่มต้น Lighthouse จะหยุดตรวจสอบ TBT หลังจาก Time to Interactive (TTI) รวมถึงเครื่องมือในห้องทดลองอื่นๆ ที่วัดการโหลดหน้าเว็บ ดู TBT เกี่ยวข้องกับ TTI อย่างไร

ระบบจะถือว่าเทรดหลัก "ถูกบล็อก" เมื่อมีงานจำนวนมาก ซึ่งเป็นงานที่ทำงานในเทรดหลักนานกว่า 50 มิลลิวินาที (ms) เราแจ้งว่าเทรดหลัก "ถูกบล็อก" เนื่องจากเบราว์เซอร์ขัดจังหวะงานที่กำลังดำเนินการอยู่ไม่ได้ ดังนั้นในกรณีที่ผู้ใช้ทำกับหน้าเว็บที่อยู่ระหว่างงานที่ใช้เวลานาน เบราว์เซอร์จะต้องรอให้งานเสร็จสิ้นก่อน จึงจะตอบสนองได้

หากงานใช้เวลานานพอ (เกิน 50 มิลลิวินาที) มีแนวโน้มว่าผู้ใช้ จะสังเกตเห็นความล่าช้าและมองว่าหน้าช้าหรือไม่ดี

เวลาที่ใช้ในการบล็อกของงานเป็นเวลานานๆ หนึ่งๆ คือระยะเวลาเกินกว่า 50 มิลลิวินาที และเวลาในการบล็อกทั้งหมดสำหรับหน้าเว็บคือผลรวมของเวลาที่บล็อกสำหรับแต่ละงานที่ใช้เวลานานที่เกิดขึ้นหลังจาก FCP ในกรอบเวลาที่วัดได้ (โดยทั่วไปจะเป็น TTI สำหรับเครื่องมือโหลดหน้าเว็บ หรือเวลาติดตามรวมสำหรับเครื่องมืออื่นๆ)

ลองดูแผนภาพต่อไปนี้ของเทรดหลักของเบราว์เซอร์ระหว่างการโหลดหน้าเว็บ

ไทม์ไลน์ของงานในเทรดหลัก

ไทม์ไลน์ด้านบนมีงาน 5 รายการ โดย 3 งานเป็นงานที่ใช้เวลานานเนื่องจากระยะเวลาเกิน 50 มิลลิวินาที แผนภาพถัดไปแสดงเวลาการบล็อกสำหรับแต่ละงานที่ใช้เวลานาน

ไทม์ไลน์งานในเทรดหลักที่แสดงเวลาในการบล็อก

ดังนั้นแม้ว่าเวลาทั้งหมดที่ใช้ในการเรียกใช้งานในเทรดหลักคือ 560 มิลลิวินาที แต่เวลาดังกล่าวมีเพียง 345 มิลลิวินาทีเท่านั้นที่ถือว่าเป็นการบล็อกเวลา

ระยะเวลาของงาน เวลาในการบล็อกงาน
งานที่ 1 250 มิลลิวินาที 200 มิลลิวินาที
งานที่สอง 90 มิลลิวินาที 40 มิลลิวินาที
งานที่สาม 35 มิลลิวินาที 0 มิลลิวินาที
งานที่ 4 30 มิลลิวินาที 0 มิลลิวินาที
งานที่ 5 155 มิลลิวินาที 105 มิลลิวินาที
เวลาในการบล็อกทั้งหมด 345 มิลลิวินาที

TBT เกี่ยวข้องกับ TTI อย่างไร

จะมีการวัด TBT ในช่วงระยะเวลาหนึ่ง สำหรับเครื่องมือในห้องทดลองบางประเภทที่เดิมทีวัดการโหลดหน้าเว็บ รวมถึง Lighthouse จะมีการวัด TBT จนถึง TTI เนื่องจากจะช่วยวัดความรุนแรงของความร้ายแรงของหน้าเว็บที่ไม่มีการโต้ตอบก่อนที่จะกลายเป็นหน้าเว็บที่มีการโต้ตอบได้อย่างน่าเชื่อถือ อย่างไรก็ตาม อาจยังคงมีการวัด TBT ต่อไปหลังจากการโหลดหน้าเว็บ และนอกเหนือจาก TTI เช่น ในโหมด Lighthouse Timespan

TTI จะถือว่าหน้าเว็บ "โต้ตอบกับผู้ใช้ได้อย่างน่าเชื่อถือ" หากเทรดหลักไม่มีงานเป็นเวลานานอย่างน้อย 5 วินาที ซึ่งหมายความว่างาน 3 งานยาว 51 มิลลิวินาทีที่กระจายออกไป เกิน 10 วินาทีจะทำให้ TTI ย้อนเวลากลับไปได้พอๆ กับงานเดียวที่ใช้เวลานาน 10 วินาที แต่ทั้ง 2 สถานการณ์นี้อาจรู้สึกต่างกันมากเมื่อผู้ใช้ที่พยายามโต้ตอบกับหน้าเว็บ

ในกรณีแรก งาน 51 มิลลิวินาทีที่มี 3 งานจะมีระยะเวลาเป็น 3 มิลลิวินาที ในขณะที่งานเดียวที่มีความยาว 10 วินาทีจะมี TBT เท่ากับ 9950 มิลลิวินาที ค่า TBT ที่มากกว่าในกรณีที่เป็นกรณีที่ 2 จะเป็นการแสดงจำนวนที่แย่กว่า

ตัวอย่างนี้แสดงสาเหตุที่ TBT มักเป็นเมตริกที่ดีกว่า TTI เนื่องจากมีแนวโน้มที่จะเกิดค่าผิดปกติน้อยกว่า รวมถึงกรณีที่ใช้ TTI เป็นปลายทางสำหรับ TBT ด้วย

วิธีวัด TBT

TBT เป็นเมตริกที่ควรวัดในห้องทดลอง วิธีที่ดีที่สุดในการวัด TBT คือการเรียกใช้การตรวจสอบประสิทธิภาพของ Lighthouse ในเว็บไซต์ของคุณ โปรดดูรายละเอียดการใช้งานในเอกสารประกอบของ Lighthouse ใน TBT

เครื่องมือสำหรับห้องทดลอง

คะแนน TBT ที่ดีคืออะไร

เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดี เว็บไซต์ควรพยายามทำให้มีเวลาในการบล็อกรวมน้อยกว่า 200 มิลลิวินาทีเมื่อทดสอบกับฮาร์ดแวร์อุปกรณ์เคลื่อนที่โดยเฉลี่ย

ดูรายละเอียดว่า TBT ของหน้าเว็บส่งผลต่อคะแนนประสิทธิภาพของ Lighthouse อย่างไรได้ที่วิธีที่ Lighthouse กำหนดคะแนน TBT

วิธีปรับปรุง TBT

หากต้องการดูวิธีปรับปรุง TBT สำหรับบางเว็บไซต์ คุณสามารถเรียกใช้การตรวจสอบประสิทธิภาพของ Lighthouse และใส่ใจกับโอกาสที่การตรวจสอบแนะนำ

หากต้องการเรียนรู้วิธีปรับปรุง TBT โดยทั่วไป (สำหรับเว็บไซต์ใดก็ตาม) โปรดดูคู่มือประสิทธิภาพต่อไปนี้