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

TBT คืออะไร

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

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

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

หากงานใช้เวลานานพอ (มากกว่า 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 สถานการณ์นี้จะให้ความรู้สึกแตกต่างอย่างมากสำหรับผู้ใช้ที่พยายามโต้ตอบกับหน้าเว็บ

ในกรณีแรก งาน 3, 51 มิลลิวินาทีจะมี TBT เท่ากับ 3 มิลลิวินาที ขณะที่งานเดี่ยวๆ ที่มีความยาว 10 วินาทีจะมี TBT เท่ากับ 9, 950 มิลลิวินาที ค่า TBT ที่มากกว่าในกรณีที่ 2 จะบ่งบอกถึงประสบการณ์ที่แย่ลง

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

วิธีวัด TBT

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

เครื่องมือในห้องทดลอง

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

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

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

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

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

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