5 คะแนน โดย xguru 2020-05-21 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • เพิ่มเมตริก LCP, CLS, TBT

  • การตรวจหา Unused JS ทำงานเป็นค่าเริ่มต้น และปรับปรุงการตรวจสอบการเข้าถึง

  • ให้ความสำคัญกับมือถือเป็นอันดับแรก

→ จำลองเครือข่าย/CPU ที่ช้า

→ จำลองหน้าจอ

  • รองรับการไปยังซอร์สโค้ดได้โดยตรงจากปัญหาที่พบ

  • เปลี่ยนชื่อภายในเครื่องมือนักพัฒนา: Audits → Lighthouse

  • เปลี่ยนสูตรคำนวณคะแนนประสิทธิภาพตามการเพิ่มเมตริก

→ FCP 15%, SI 15%, LCP 25%, TTI 15%, TBT 25%, CLS 5%

→ ลดน้ำหนักของ TTI/FCP และนำ FMP/FCI ออก

FCP : First Contentful Paint

SI : Speed Index

LCP : Largest Contentful Paint

TTI : Time To Interactive

TBT : Total Blocking Time

CLS : Cumulative Layout Shift

1 ความคิดเห็น

 
xguru 2020-05-21

Cumulative Layout Shift (CLS) คืออะไร? https://th.news.hada.io/topic?id=1697