การใช้รายงาน UX ของ Chrome เพื่อดูประสิทธิภาพการทำงานในภาคสนาม

รายงาน UX ของ Chrome (หรือที่เรียกว่า CrUX) เป็นชุดข้อมูลสาธารณะของข้อมูลประสบการณ์ของผู้ใช้จริงในเว็บไซต์หลายล้านแห่ง ข้อมูล CrUX มาจากผู้ใช้ที่เลือกใช้ภาคสนาม ซึ่งต่างจากข้อมูลในห้องทดลอง ซึ่งจะวัดเมตริกของ Core Web Vitals รวมถึง Largest Contentful Paint (LCP), Interaction to Next Paint (INP) และ 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 ได้ ลองใช้คู่มือ API ประวัติ CrUX

วิธีรับความช่วยเหลือ

ถ้าต้องการการสนับสนุนใดๆ คุณมี 2-3 ช่องทางในการเข้าถึงผู้ที่ สามารถช่วยคุณได้ กลุ่ม Google ของ CrUX เป็นฟอรัมสาธารณะสำหรับผู้ใช้ชุดข้อมูลเพื่อถามคำถามและแชร์การวิเคราะห์ นอกจากนี้ยังมี แท็ก CrUX สำหรับ Stack Overflow หากต้องการความช่วยเหลือด้านการเขียนโปรแกรมด้วยการเข้าถึง SQL หรือ API และสุดท้าย @ChromeUXReport คือบัญชี Twitter ที่คุณ ก็สามารถติดตามเพื่อถามคำถามและฟังประกาศเกี่ยวกับผลิตภัณฑ์ได้

ดูของจริง

หากต้องการทำความคุ้นเคยกับข้อมูลที่มีอยู่ โปรดอ่าน คำแนะนำทีละขั้นตอนสำหรับการใช้แดชบอร์ด Looker Studio, PageSpeed Insights, BigQuery รวมถึง API รายวันและประวัติการเข้าชม