Core Web Vitals Visualizer: แสดงผล Core Web Vitals ของหน้าเว็บใดก็ได้
RUM Visualizer เป็นส่วนขยายของ Chrome ที่พัฒนาโดย MarketingTracer ซึ่งช่วยให้ผู้ใช้สามารถแสดงผล Core Web Vitals สำหรับหน้าเว็บได้ ด้วยส่วนขยายนี้คุณสามารถเข้าถึงและเข้าใจเมตริกสำคัญ เช่น Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative Layout Shift (CLS), First Contentful Paint (FCP), Interaction to Next Paint (INP), และ Time To First Byte (TTFB) ได้อย่างง่ายดาย
ส่วนขยายนี้มีคุณสมบัติหลากหลายสำหรับแต่ละเมตริก สำหรับ LCP คุณสามารถรับค่า RUM, แสดงผล LCP และแยกออกเป็นส่วนประกอบ เช่น Time to First Byte, Resource Load Delay, Resource Load Time, และ Element Render Delay ได้ อย่างเช่นเดียวกันสำหรับ FID คุณสามารถรับค่า RUM, แสดงผล FID และสำรวจรายละเอียดของ FID ได้
ค่า CLS สามารถได้รับและแสดงผลและแสดงอนิเมชันได้ ค่า FCP สามารถเข้าถึงและแยกออกได้เช่นกัน ค่า INP สามารถแสดงผลและสำรวจรายละเอียดได้ ค่า TTFB สามารถได้รับและแยกออกเพื่อวิเคราะห์ได้
นอกจากคุณสมบัติเหล่านี้ ส่วนขยายยังมีตัวเลือกในการแก้ปัญหาอย่างง่ายด้วย คุณสามารถจำลองเงื่อนไขเครือข่ายช้า (3g) และเปิดหรือปิดการใช้งานแคชสำหรับหน้าปัจจุบันได้ ตัวเลือกเหล่านี้ช่วยในการระบุและแก้ไขปัญหาเรื่องประสิทธิภาพ
ส่วนขยายได้รับการอัปเดตหลายรอบ โดยเวอร์ชัน 1.2 เพิ่มข้อมูล LCP อย่างละเอียด, เวอร์ชัน 1.4 นำเสนอเมนูด้านซ้ายและข้อมูลเพิ่มเติมเกี่ยวกับทรัพยากรที่บล็อกการเรนเดอร์, และเวอร์ชัน 1.5 รวมถึงการปรับปรุงรหัสและเลเอาท์และการทดลองหน้า และเวอร์ชัน 1.6 นำเสนอการแยกออกของ INP ที่ดีขึ้นและการปรับปรุงรหัสเล็กน้อย และเวอร์ชัน 1.7 อนุญาตให้ผู้ใช้บันทึกเหตุการณ์งาน งานที่ใช้เวลานาน และเฟรมอนิเมชันที่ใช้เวลานานในคอนโซลระหว่างการวิเคราะห์ INP
ด้วย Core Web Vitals Visualizer นักพัฒนาเว็บและผู้ที่สนใจประสิทธิภาพสามารถได้รับข้อมูลที่มีคุณค่าเกี่ยวกับประสิทธิภาพของหน้าเว็บใดๆ และปรับปรุงให้มีประสิทธิภาพที่ดีขึ้นสำหรับประสบการณ์ผู้ใช้ที่ดีขึ้น
