รายงาน UX ของ Chrome (หรือที่เรียกว่า CrUX) เป็นชุดข้อมูลสาธารณะเกี่ยวกับประสบการณ์ของผู้ใช้จริงในเว็บไซต์หลายล้านแห่ง ข้อมูล CrUX มาจากผู้ใช้ที่เลือกรับในภาคสนาม ซึ่งแตกต่างจากข้อมูลในห้องทดลอง โดยจะวัดเมตริก Core Web Vitals รวมถึง Largest Contentful Paint (LCP), First Input Delay (FID) และ Cumulative Layout Shift (CLS) รวมถึงเมตริกการวินิจฉัย เช่น Time to First Byte (TTFB) และ First Contentful Paint (FCP)
ชุดข้อมูลนี้ยังประกอบด้วยมิติข้อมูลเชิงคุณภาพเกี่ยวกับประสบการณ์ของผู้ใช้ เช่น อุปกรณ์และประเภทการเชื่อมต่อ ซึ่งช่วยให้เจาะลึกลงไปในประสบการณ์ของผู้ใช้ที่จัดกลุ่มตามเทคโนโลยีที่คล้ายกันได้ ดูรายการเมตริกทั้งหมดได้ในเอกสารประกอบของ CrUX
การใช้ข้อมูลนี้ช่วยให้นักพัฒนาซอฟต์แวร์เข้าใจการกระจายประสบการณ์ของผู้ใช้จริงในวงกว้างระหว่างเว็บไซต์ ส่วนต่างๆ ของเว็บ หรือเว็บได้โดยรวม ซึ่งถือเป็นเรื่องใหญ่ ชุดข้อมูลรายงาน UX ของ Chrome เป็นชุดข้อมูลแรกที่ช่วยให้นักพัฒนาเว็บเปรียบเทียบประสิทธิภาพของผู้ใช้จริงกับคู่แข่งและอุตสาหกรรมได้
วิธีการใช้งาน
การแยกข้อมูลเชิงลึกจากรายงาน UX ของ Chrome มีอยู่ 4 วิธีหลักๆ ซึ่งมีความซับซ้อนที่แตกต่างกัน แดชบอร์ด CrUX และ PageSpeed Insights เป็นเครื่องมือที่เราแนะนำให้ใช้เพื่อการวิเคราะห์ประสิทธิภาพของเว็บไซต์ที่รวดเร็วและง่ายดาย BigQuery นำความเรียบง่ายของการวิเคราะห์ไปใช้ประโยชน์ในการปรับแต่งและข้อมูลเชิงลึกที่ละเอียดยิ่งขึ้น นอกจากนี้ API ยังช่วยในการผสานรวมข้อมูลระดับสูงกับแอปพลิเคชันอื่นๆ และ History API แสดงข้อมูลย้อนหลังสำหรับการวิเคราะห์แนวโน้ม
แดชบอร์ด CrUX
แดชบอร์ด CrUX เป็นเครื่องมือการแสดงข้อมูลแบบภาพที่ปรับแต่งได้สำหรับประสิทธิภาพที่ผ่านมาของเว็บไซต์ซึ่งสร้างขึ้นใน Looker Studio ข้อมูลมาจากชุดข้อมูล BigQuery และคำค้นหา SQL ทั้งหมดจะได้รับการจัดการให้คุณขั้นสูง แดชบอร์ดจะแสดงการกระจายประสบการณ์ของผู้ใช้ ตามที่บันทึกไว้ตามเมตริกประสิทธิภาพหลัก และการเปลี่ยนแปลงเมื่อเวลาผ่านไป นอกจากนี้ยังแสดงให้เห็นถึงการกระจายของเมตริกเชิงคุณภาพ เช่น ประเภทอุปกรณ์ และประเภทการเชื่อมต่อที่มีประสิทธิภาพเมื่อเวลาผ่านไป ลองดูคู่มือเกี่ยวกับแดชบอร์ดของ Looker Studio
PageSpeed Insights
PageSpeed Insights (PSI) แสดงการกระจายประสิทธิภาพล่าสุดโดยแบ่งตามผู้ใช้เดสก์ท็อปและอุปกรณ์เคลื่อนที่ ข้อมูลประสิทธิภาพพร้อมใช้งานสำหรับหน้าเว็บแต่ละหน้า (นอกเหนือจากต้นทางทั้งหมด) และรวบรวมข้อมูลจาก 28 วันล่าสุด (เทียบกับข้อมูลใน BigQuery เดือนก่อนหน้าตามปฏิทิน) การใช้เครื่องมือนี้ง่ายๆ เพียงป้อน URL หรือต้นทางในช่องค้นหาบนอินเทอร์เฟซเว็บ และข้อมูลประสิทธิภาพช่องจะปรากฏขึ้นคู่กับคำแนะนำที่กำหนดไว้ล่วงหน้าเพื่อเพิ่มประสิทธิภาพของหน้าเว็บ ลองใช้คู่มือ PageSpeed Insights
CrUX ใน BigQuery
ฐานข้อมูล CrUX ใน BigQuery ซึ่งเป็นส่วนหนึ่งของ Google Cloud Platform (GCP) ที่มีอินเทอร์เฟซบรรทัดคำสั่งและเว็บ จะโฮสต์ข้อมูลดิบที่รวบรวมเมตริกประสิทธิภาพ UX ที่สำคัญสำหรับต้นทางอันดับต้นๆ ในเว็บ ระบบจะเพิ่มตารางใหม่ลงในฐานข้อมูลเป็นระยะๆ โดยครอบคลุมเดือนตามปฏิทินเดือนก่อน นักพัฒนาซอฟต์แวร์สามารถสร้างคำค้นหาเพื่อขุดค้นชุดข้อมูลสำหรับ ข้อมูลเชิงลึกที่เฉพาะเจาะจงได้ BigQuery ต้องใช้ความรู้เกี่ยวกับ SQL และโปรเจ็กต์ GCP ที่เปิดใช้การเรียกเก็บเงินเพื่อเรียกใช้การค้นหา เครื่องมือนี้จะเป็นประโยชน์อย่างยิ่งสำหรับผู้ใช้ขั้นสูงที่ต้องการการเข้าถึงข้อมูลในระดับต่ำเพื่อสร้างรายงานที่กำหนดเอง การเปรียบเทียบ และรายงานเกี่ยวกับสถานะของเว็บ ลองดูคู่มือ BigQuery
API CrUX
CrUX API เป็นอินเทอร์เฟซฟรีและ RESTful สำหรับค้นหาข้อมูลประสบการณ์ของผู้ใช้จากต้นทางหรือระดับ URL ข้อมูลจะอัปเดตเป็นรายวันและรวบรวมข้อมูลในช่วง 28 วันที่ผ่านมา ซึ่งคล้ายกับ PageSpeed Insights คุณสามารถใช้ API นี้เพื่อสร้างแอปพลิเคชันของคุณเองเพิ่มเติมจากข้อมูลประสบการณ์ของผู้ใช้จริงใน CrUX ลองดูคู่มือ CrUX API
API ประวัติ CrUX
CrUX History API เป็นอินเทอร์เฟซฟรีและ RESTful ซึ่งคล้ายกับ API รายวันสำหรับค้นหาข้อมูลประสบการณ์ของผู้ใช้จากต้นทางหรือข้อมูลระดับ URL ข้อมูลจะอัปเดตทุกสัปดาห์และรวบรวมข้อมูลในช่วง 28 วันที่ผ่านมาในช่วงเวลา 6 เดือน คุณสามารถใช้ API นี้เพื่อสร้างแอปพลิเคชันของคุณเองเพิ่มเติมจากข้อมูลประสบการณ์ของผู้ใช้จริงใน CrUX ลองดูคู่มือ CrUX History API
วิธีรับความช่วยเหลือ
หากคุณต้องการการสนับสนุน มี 2-3 ช่องทางที่จะติดต่อผู้ที่ช่วยเหลือคุณได้ CrUX Google Group เป็นฟอรัมสาธารณะเพื่อให้ผู้ใช้ชุดข้อมูลถามคำถามและแชร์การวิเคราะห์ นอกจากนี้ยังมีแท็ก CrUX สำหรับ Stack Overflow ด้วย หากคุณต้องการความช่วยเหลือในการเขียนโปรแกรมเกี่ยวกับการเข้าถึง SQL หรือ API และสุดท้าย @ChromeUXReport คือบัญชี Twitter ที่คุณใช้เพื่อถามคำถามและฟังประกาศเกี่ยวกับผลิตภัณฑ์ได้
ดูของจริง
หากต้องการทำความคุ้นเคยกับข้อมูลที่มี โปรดอ่านคำแนะนำทีละขั้นตอนสำหรับการใช้แดชบอร์ด Looker Studio, PageSpeed Insights, BigQuery และทั้ง API รายวันและ API ประวัติ ดังนี้