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