เมตริกประสิทธิภาพใหม่ การอัปเดต PageSpeed Insights และรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) และอื่นๆ
ที่งาน Chrome Developer Summit พอล ไอริชและผมได้ประกาศข่าวอัปเดตเกี่ยวกับ Lighthouse ซึ่งได้แก่ Lighthouse CI, สูตรคะแนนประสิทธิภาพใหม่ และอีกมากมาย นอกเหนือจากข่าวสารสำคัญของ Lighthouse แล้ว เรายังได้นำเสนอการพัฒนาเครื่องมือด้านประสิทธิภาพที่น่าตื่นตาตื่นใจ รวมถึงเมตริกประสิทธิภาพใหม่ การอัปเดต PageSpeed Insights และรายงานประสบการณ์ของผู้ใช้ Chrome (CrUX) และข้อมูลเชิงลึกจากการวิเคราะห์ข้อมูลระบบนิเวศของเว็บด้วย
เมตริกประสิทธิภาพใหม่
การวัดความแตกต่างของประสบการณ์ของผู้ใช้เป็นกุญแจสำคัญในการวัดผลกระทบที่มีต่อกำไรของคุณ รวมถึงการติดตามการปรับปรุงและการถดถอย เมื่อเวลาผ่านไป มีการพัฒนาเมตริกใหม่ๆ เพื่อจับความแตกต่างเล็กๆ น้อยๆ และเติมเต็มช่องว่างในการวัดประสบการณ์ของผู้ใช้ เรื่องราวล่าสุดของเมตริกคือเมตริกภาคสนาม 2 รายการ ได้แก่ Largest Contentful Paint (LCP) และ Cumulative Layout Shift (CLS) ซึ่งกำลังได้รับการบ่มเพาะใน W3C Web Performance Working Group และเมตริกห้องทดลองใหม่ ซึ่งก็คือเวลาในการบล็อกทั้งหมด (TBT)
Largest Contentful Paint (LCP)
Largest Contentful Paint (LCP) จะรายงานเวลาที่องค์ประกอบเนื้อหาขนาดใหญ่ที่สุดปรากฏในวิวพอร์ต
ก่อน Largest Contentful Paint First Meaningful Paint (FMP) และดัชนีความเร็ว (SI) ทำหน้าที่บันทึกประสบการณ์การโหลดที่เกิดขึ้นหลังจากการลงสีครั้งแรก แต่เมตริกเหล่านี้มีความซับซ้อนและมักไม่ระบุเวลาที่เนื้อหาหลักของหน้าโหลดขึ้นมา งานวิจัยแสดงให้เห็นว่าเมื่อเห็นว่าองค์ประกอบที่ใหญ่ที่สุดในหน้าจะแสดงผลได้ดีขึ้นเมื่อเนื้อหาหลักของหน้าเว็บโหลดขึ้น
เมตริก Largest Contentful Paint ใหม่จะพร้อมใช้งานในรายงาน Lighthouse ในเร็วๆ นี้ และในระหว่างนี้คุณวัด LCP ใน JavaScript ได้
เวลาทั้งหมดในการบล็อก (TBT)
เมตริก Total block Time (TBT) จะวัดระยะเวลารวมระหว่าง First Contentful Paint (FCP) กับ Time to Interactive (TTI) ที่มีการบล็อกเทรดหลักเป็นเวลานานพอที่จะป้องกันการตอบสนองของอินพุต
งานจะถือว่าใช้เวลานานหากทำงานในเทรดหลักเป็นเวลานานกว่า 50 มิลลิวินาที เวลามิลลิวินาทีที่เกินมานับรวม กับเวลาบล็อกของงานนั้น
เวลาทั้งหมดในการบล็อกหน้าเว็บคือผลรวมของเวลาการบล็อกของงานเป็นเวลานานทั้งหมดที่เกิดขึ้นระหว่าง FCP และ TTI
แม้ว่าเวลาในการโต้ตอบจะแสดงให้เห็นได้ดีเมื่อเทรดหลักสงบลงภายหลังเมื่อโหลดเสร็จ แต่เวลาในการบล็อกรวมจะมุ่งวัดความตึงเครียดของเทรดหลักตลอดการโหลด วิธีนี้ทำให้ TTI และ TBT เสริมกันและกันและมอบความสมดุล
Cumulative Layout Shift (CLS)
Cumulative Layout Shift (CLS) จะวัดความเสถียรของภาพในหน้าเว็บและวัดว่าผู้ใช้พบการเปลี่ยนแปลงเลย์เอาต์ที่ไม่คาดคิดบ่อยแค่ไหน การย้ายเนื้อหาที่ไม่คาดคิดอาจทำให้รู้สึกหงุดหงิดมาก และเมตริกใหม่นี้ช่วยให้คุณจัดการกับปัญหานั้นได้โดยการวัดความถี่ที่เกิดขึ้นสำหรับผู้ใช้
อ่านคำแนะนำโดยละเอียดเกี่ยวกับ Cumulative Layout Shift เพื่อดูวิธีคำนวณและวิธีวัดผล
เร็วๆ นี้ สูตรคะแนนประสิทธิภาพใหม่ของ Lighthouse จะลดความสำคัญของ FMP และ FCI รวมถึงเมตริกใหม่ 3 อย่าง ได้แก่ LCP, TBT และ CLS เนื่องจากสามารถจับข้อมูลได้ดีขึ้นเมื่อหน้าเว็บรู้สึกว่าใช้งานได้
ดูข้อมูลเพิ่มเติมได้ที่การให้คะแนนประสิทธิภาพของ Lighthouse และคอลเล็กชันเมตริก web.dev ใหม่
เกณฑ์ข้อมูลฟิลด์ (CrUX) ได้รับการปรับเปลี่ยนใน PageSpeed Insights
ในช่วงปีที่ผ่านมา เราได้วิเคราะห์ประสิทธิภาพของเว็บจากภาคสนามผ่านข้อมูลประสบการณ์ของผู้ใช้ Chrome (CrUX) ข้อมูลเชิงลึกจากข้อมูลดังกล่าวทำให้เราประเมินเกณฑ์ที่เราใช้ในการติดป้ายกำกับเว็บไซต์ว่า "ช้า" "ปานกลาง" หรือ "เร็ว" สำหรับประสิทธิภาพภาคสนามอีกครั้ง
ในการรับการประเมินโดยรวมสำหรับเว็บไซต์ PageSpeed Insights (PSI) จะใช้เปอร์เซ็นไทล์ของการกระจายข้อมูลภาคสนามทั้งหมดเป็นตัวเลขทองคำสำหรับเว็บไซต์นั้น เกณฑ์ก่อนหน้านี้ที่ใช้คือเปอร์เซ็นไทล์ที่ 90 สำหรับ First Contentful Paint และเปอร์เซ็นไทล์ที่ 95 สำหรับ First Input Delay (FID)
ตัวอย่างเช่น หากเว็บไซต์มีการกระจาย FCP ที่เร็ว 50%, ปานกลาง 30%, ช้า 20%, FCP เปอร์เซ็นไทล์ที่ 90 จะอยู่ในส่วนที่ช้า ทำให้คะแนนช่องโดยรวมสำหรับเว็บไซต์นั้นช้า
ค่านี้ได้รับการปรับเปลี่ยนให้มีการกระจายโดยรวมในเว็บไซต์ต่างๆ ได้ดียิ่งขึ้น และรายละเอียดใหม่มีดังนี้
| เมตริก | เปอร์เซ็นไทล์โดยรวม | เร็ว (มิลลิวินาที) | ปานกลาง (มิลลิวินาที) | ช้า (มิลลิวินาที) |
| FCP | เปอร์เซ็นไทล์ที่ 75 | 1,000 | 1000-3000 | 3000+ |
| FID | เปอร์เซ็นไทล์ที่ 95 | 100 | 100-300 | 300+ |
ตัวอย่างเช่น ตอนนี้หากเว็บไซต์มีการกระจาย FCP ที่เร็ว 50%, ปานกลาง 30%, ช้า 20%, FCP เปอร์เซ็นไทล์ที่ 75 จะอยู่ในส่วนปานกลาง ซึ่งทำให้คะแนนโดยรวมของเว็บไซต์นั้นปานกลาง
การเปลี่ยนเส้นทาง Canonical URL ใน PageSpeed Insights
ทีม PageSpeed Insights ได้เพิ่มข้อความแจ้งไปยัง PSI อีกครั้งเพื่อให้คุณวัดประสบการณ์ของผู้ใช้ได้อย่างแม่นยำที่สุด สำหรับเว็บไซต์ที่ถูกเปลี่ยนเส้นทางไปยัง URL ใหม่ ระบบจะแจ้งให้คุณเรียกใช้รายงานใน URL ของหน้า Landing Page อีกครั้งเพื่อให้เห็นประสิทธิภาพจริงที่สมบูรณ์ยิ่งขึ้น
CrUX ในรายงานความเร็วของ Search Console ใหม่
Search Console เปิดตัวรายงานความเร็วใหม่ 1 สัปดาห์ก่อนงาน Chrome Dev Summit เครื่องมือนี้ใช้ข้อมูลจากรายงานประสบการณ์ของผู้ใช้ Chrome เพื่อช่วยให้เจ้าของเว็บไซต์ค้นพบปัญหาที่อาจเกิดขึ้นเกี่ยวกับประสบการณ์ของผู้ใช้ รายงานความเร็วจะกำหนดกลุ่ม URL ที่คล้ายกันไปยังที่เก็บข้อมูล "เร็ว" "ปานกลาง" และ "ช้า" โดยอัตโนมัติ และช่วยจัดลำดับความสำคัญของการปรับปรุงประสิทธิภาพสำหรับปัญหาเฉพาะ
หนังสือรายปี
ในการกล่าวเปิดงาน เราได้ประกาศเปิดตัว WebAlmanac ซึ่งเป็นโปรเจ็กต์ประจำปีที่มีการจับคู่สถิติและแนวโน้มเกี่ยวกับสถานะของเว็บเข้ากับความเชี่ยวชาญของชุมชนเว็บ ผู้ร่วมให้ข้อมูลจำนวน 85 คนซึ่งประกอบไปด้วยนักพัฒนาซอฟต์แวร์ Chrome และชุมชนเว็บได้อาสาทำงานโครงการนี้ ซึ่งเป็นการวิเคราะห์ประเด็นหลัก 20 ประการเกี่ยวกับที่อยู่เว็บ เพื่อชี้แนะวิธีการสร้าง นำเสนอ และประสบการณ์ของเว็บไซต์ เริ่มสำรวจ Web Almanac เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับสถานะของประสิทธิภาพ, JavaScript และโค้ดของบุคคลที่สามบนเว็บ
ดูข้อมูลเพิ่มเติม
สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการอัปเดตเครื่องมือเพิ่มประสิทธิภาพจาก Chrome Developer Summit โปรดดูการบรรยายเกี่ยวกับการพัฒนาเครื่องมือความเร็ว