แดชบอร์ด CrUX

แดชบอร์ด CrUX คือแดชบอร์ด Looker Studio (เดิมคือ Data Studio) ที่ลิงก์กับข้อมูล CrUX ระดับต้นทางดิบใน BigQuery จากนั้นจะแสดงข้อมูลเป็นภาพให้คุณ ซึ่งช่วยให้ผู้ใช้แดชบอร์ดไม่ต้องเขียนคําค้นหาหรือสร้างแผนภูมิใดๆ ทุกอย่างสร้างขึ้นให้คุณแล้ว คุณเพียงต้องระบุต้นทาง แล้วระบบจะสร้างแดชบอร์ดให้คุณ

เข้าถึงแดชบอร์ด CrUX

หากต้องการเปิดแดชบอร์ด CrUX ให้ป้อนต้นทางหรือ URL แล้วกด Enter หรือคลิกไป

จากนั้นคุณจะแชร์และบุ๊กมาร์ก URL ของหน้าแดชบอร์ดเพื่อใช้อ้างอิงอย่างรวดเร็วได้

ฟีเจอร์นี้ใช้ได้กับทุกเว็บไซต์ไหม

ไม่ได้ หากต้นทางของคุณไม่รวมอยู่ในชุดข้อมูล CrUX ก็จะไม่มีข้อมูลที่จะแสดง ชุดข้อมูลมีต้นทางมากกว่า 15 ล้านรายการ แต่ต้นทางที่คุณต้องการอาจมีข้อมูลไม่เพียงพอที่จะรวมไว้

ปัญหาที่พบบ่อยเกี่ยวกับต้นทาง ได้แก่ การใช้โปรโตคอลที่ไม่ถูกต้อง เช่น http:// แทน https:// และการละเว้นโดเมนย่อยเมื่อจำเป็น เว็บไซต์บางแห่งมีการเปลี่ยนเส้นทาง ดังนั้นหาก http://example.com เปลี่ยนเส้นทางไปยัง https://www.example.com คุณควรใช้ https://www.example.com ซึ่งเป็นเวอร์ชัน Canonical ของต้นทาง

ใช้เครื่องมือค้นหาที่กำหนดเองเพื่อเข้าถึงแดชบอร์ด

อีกวิธีหนึ่งสำหรับผู้ที่เข้าชมโดเมนต่างๆ บ่อยครั้งคือการตั้งค่าเครื่องมือค้นหาที่กำหนดเองใน Chrome ซึ่งจะช่วยให้คุณส่งข้อความค้นหา (ในกรณีนี้คือต้นทาง) ไปยัง URL ได้ โดยไปที่การตั้งค่า Chrome โดยใช้เมนู 3 จุดที่ด้านขวาบนของ Chrome เมื่ออยู่ในการตั้งค่าแล้ว ให้เลือกตัวเลือก "เครื่องมือค้นหา"

การตั้งค่า Chrome สำหรับหน้าเครื่องมือค้นหาที่คุณสามารถ "จัดการเครื่องมือค้นหาและการค้นหาเว็บไซต์"
การตั้งค่า Chrome สําหรับเครื่องมือค้นหา

จากที่นี่ ให้ขยาย "จัดการเครื่องมือค้นหาและการค้นหาเว็บไซต์" เลื่อนไปที่ "การค้นหาเว็บไซต์" คลิกปุ่ม "เพิ่ม" แล้วป้อนรายละเอียดต่อไปนี้

  • เครื่องมือค้นหา: CrUX
  • ทางลัด: crux
  • URL ที่มี %s ในตำแหน่งคำค้นหา: https://lookerstudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22%s%22%7D
กล่องโต้ตอบ "เพิ่มเครื่องมือค้นหา" ของ Chrome ที่มี 3 ช่อง ได้แก่ ชื่อเครื่องมือค้นหา ทางลัด และ URL โดยใส่ %s แทนคำค้นหา
กล่องโต้ตอบ "เพิ่มเครื่องมือค้นหา" ของ Chrome

หลังจากนี้ เมื่อพิมพ์ crux แล้วกด tab ในแถบค้นหา คุณจะป้อนต้นทางได้ และ Chrome จะไปยังแดชบอร์ด CrUX ของต้นทางนั้น

แถบที่อยู่ของ Chrome ที่แสดงคําสั่ง "Search CrUX"
การใช้เครื่องมือค้นหาที่กำหนดเองในแถบที่อยู่ของ Chrome

หากไม่ใส่โปรโตคอล ระบบจะถือว่าใช้ HTTPS โดเมนย่อยมีความสำคัญ เช่น https://developers.google.com และ https://www.google.com จะถือว่ามีต้นทางต่างกัน

หากต้นทางอยู่ใน CrUX ระบบจะนำคุณไปยังหน้าแดชบอร์ดที่แสดงข้อมูล CrUX ของต้นทางนี้

หน้าแดชบอร์ด CrUX สําหรับ developer.chrome.com ที่แสดงหน้าจอ Core Web Vitals เริ่มต้น
ตัวอย่างหน้าแดชบอร์ด CrUX

ภาพรวมของหน้าแดชบอร์ด

แดชบอร์ดแต่ละหน้าจะมีหน้าเว็บ 3 ประเภทดังนี้

  1. ภาพรวมของ Core Web Vitals
  2. ประสิทธิภาพของเมตริก
  3. ข้อมูลประชากรผู้ใช้

แต่ละหน้าจะมีแผนภูมิแสดงการแจกแจงตามช่วงเวลาของรุ่นรายเดือนที่พร้อมใช้งานแต่ละรุ่น เมื่อมีการเผยแพร่ชุดข้อมูลใหม่ คุณสามารถรีเฟรชหน้าแดชบอร์ดเพื่อรับข้อมูลล่าสุด

ชุดข้อมูลรายเดือนจะเผยแพร่ทุกวันอังคารที่ 2 ของทุกเดือน เช่น ชุดข้อมูลที่มีข้อมูลประสบการณ์ของผู้ใช้จากเดือนพฤษภาคมจะเผยแพร่ในวันอังคารที่ 2 ของเดือนมิถุนายน

ภาพรวมของ Core Web Vitals

หน้าแรกคือภาพรวมของประสิทธิภาพ Core Web Vitals รายเดือนของต้นทาง เมตริก UX ที่สําคัญที่สุดที่ Google แนะนําให้คุณมุ่งเน้นมีดังนี้

ภาพรวมของ Core Web Vitals ในแดชบอร์ด CrUX ที่แสดงรายละเอียดเกี่ยวกับ LCP, INP และ CLS สําหรับเว็บไซต์นี้
ภาพรวม Core Web Vitals ในหน้าแดชบอร์ด CrUX

ใช้หน้า Core Web Vitals เพื่อทําความเข้าใจประสบการณ์ของผู้ใช้เดสก์ท็อปและโทรศัพท์เกี่ยวกับต้นทาง โดยค่าเริ่มต้น ระบบจะเลือกเดือนล่าสุด ณ เวลาที่คุณสร้างหน้าแดชบอร์ด หากต้องการสลับระหว่างรุ่นรายเดือนเก่าหรือใหม่ ให้ใช้ตัวกรองเดือนที่ด้านบนของหน้า

ประสิทธิภาพของเมตริก

หลังจากหน้า Core Web Vitals คุณจะเห็นหน้าสําหรับเมตริกทั้งหมดในชุดข้อมูล CrUX

หน้า LCP ของแดชบอร์ด CrUX ที่แสดงแผนภูมิแท่งซ้อนกันของข้อมูล LCP ที่ดี ต้องปรับปรุง และไม่ดีในช่วง 10 เดือน
หน้า LCP ของแดชบอร์ด CrUX

ที่ด้านบนของแต่ละหน้าคือตัวกรองอุปกรณ์ ซึ่งคุณใช้เพื่อจํากัดรูปแบบที่รวมอยู่ในข้อมูลประสบการณ์ได้ เช่น คุณเจาะลึกประสบการณ์การใช้งานบนโทรศัพท์โดยเฉพาะได้ การตั้งค่านี้จะมีผลกับทุกหน้า

ภาพข้อมูลหลักในหน้าเหล่านี้คือการแจกแจงประสบการณ์การใช้งานรายเดือนที่จัดหมวดหมู่เป็น "ดี" "ควรปรับปรุง" และ "แย่" คำอธิบายที่มีรหัสสีใต้แผนภูมิจะระบุช่วงของประสบการณ์ที่รวมอยู่ในหมวดหมู่ ตัวอย่างเช่น ในภาพหน้าจอก่อนหน้า คุณจะเห็นเปอร์เซ็นต์ของประสบการณ์ Largest Contentful Paint (LCP) "ดี" ที่แกว่งเล็กน้อยและแย่ลงเล็กน้อยในช่วงไม่กี่เดือนที่ผ่านมา

เปอร์เซ็นต์ของประสบการณ์การใช้งานที่ "ดี" และ "แย่" ของเดือนล่าสุดจะแสดงอยู่เหนือแผนภูมิพร้อมกับตัวบ่งชี้เปอร์เซ็นต์ความแตกต่างจากเดือนก่อนหน้า สําหรับต้นทางนี้ ประสบการณ์ LCP "ดี" ลดลง 0.8% เป็น 83.25% เมื่อเทียบรายเดือน ตัวเลข p75 ไม่มีการเปลี่ยนแปลงและยังคงอยู่ที่ 1,500 เมื่อเทียบรายเดือน และประสบการณ์ LCP "แย่" เพิ่มขึ้น 3.6% (แสดงเป็นสีแดงเนื่องจากเป็นการเพิ่มขึ้นที่ไม่ดี) เป็น 7.42% โปรดทราบว่าการเปลี่ยนแปลงเปอร์เซ็นต์คือการเปลี่ยนแปลงเปอร์เซ็นต์จริง ไม่ใช่การเปลี่ยนแปลงจุดเปอร์เซ็นต์ เช่น 83.93% เป็น 83.25% คือการเปลี่ยนแปลงจุดเปอร์เซ็นต์ 0.68 หรือลดลง 0.8% จากยอดรวมก่อนหน้า 83.93%

นอกจากนี้สําหรับเมตริก เช่น LCP และ Core Web Vitals อื่นๆ ที่ให้คําแนะนําเกี่ยวกับเปอร์เซ็นต์อย่างชัดเจน คุณจะเห็นเมตริก "P75" ระหว่างเปอร์เซ็นต์ "ดี" และ "แย่" ค่านี้สอดคล้องกับประสบการณ์ของผู้ใช้ที่ 75 เปอร์เซ็นต์ของต้นทาง กล่าวคือ 75% ของประสบการณ์นั้นดีกว่าค่านี้ โปรดทราบว่าข้อมูลนี้ใช้กับการเผยแพร่โดยรวมในอุปกรณ์ทั้งหมดในต้นทาง การสลับอุปกรณ์ที่เฉพาะเจาะจงด้วยตัวกรองอุปกรณ์จะไม่คํานวณเปอร์เซ็นต์ไทล์ใหม่

ข้อควรทราบทางเทคนิคเกี่ยวกับเปอร์เซ็นต์ไทล์

โปรดทราบว่าเมตริกเปอร์เซ็นต์ไทล์จะอิงตามข้อมูลผังภาพจาก BigQuery ดังนั้นความละเอียดจะหยาบ เช่น 100 มิลลิวินาทีสําหรับ LCP, 25 มิลลิวินาทีสําหรับ INP และ 0.05 สําหรับ CLS กล่าวคือ LCP P75 ที่ 3,800 มิลลิวินาทีบ่งชี้ว่าเปอร์เซ็นต์ไทล์ 75 ที่แท้จริงอยู่ในช่วงระหว่าง 3,800 มิลลิวินาทีถึง 3,900 มิลลิวินาที

นอกจากนี้ ชุดข้อมูล BigQuery ยังใช้เทคนิคที่เรียกว่า "การกระจายกลุ่ม" ซึ่งความหนาแน่นของประสบการณ์ของผู้ใช้จะจัดกลุ่มไว้ในกลุ่มที่ละเอียดมากซึ่งความละเอียดลดลง วิธีนี้ช่วยให้เรารวมความหนาแน่นของข้อมูลแบบละเอียดในส่วนหางของการแจกแจงได้โดยไม่ต้องมีความแม่นยำเกิน 4 หลัก เช่น ค่า LCP ที่น้อยกว่า 3 วินาทีจะจัดกลุ่มเป็นกลุ่มที่มีขนาด 200 มิลลิวินาที ระหว่าง 3 ถึง 10 วินาที กล่องข้อมูลจะมีขนาด 500 มิลลิวินาที หากเกิน 10 วินาที กล่องข้อมูลจะกว้าง 5, 000 มิลลิวินาที... การกระจายกลุ่มช่วยให้มั่นใจได้ว่ากลุ่มทั้งหมดมีความกว้าง 100 มิลลิวินาทีแบบคงที่ (ตัวหารร่วมสูงสุด) และการแจกแจงจะได้รับการหาค่าเฉลี่ยเชิงเส้นในแต่ละกลุ่ม

ค่า P75 ที่เกี่ยวข้องในเครื่องมือต่างๆ เช่น PageSpeed Insights ไม่ได้อิงตามชุดข้อมูล BigQuery สาธารณะและสามารถให้ค่าที่แม่นยําถึงระดับมิลลิวินาที

ข้อมูลประชากรผู้ใช้

หน้าข้อมูลประชากรของผู้ใช้มีมิติข้อมูล 2 รายการ ได้แก่ อุปกรณ์และประเภทการเชื่อมต่อที่มีประสิทธิภาพ (ECT) หน้าเหล่านี้แสดงการกระจายของการดูหน้าเว็บในแหล่งที่มาทั้งหมดสําหรับผู้ใช้ในแต่ละข้อมูลประชากร

หน้าการกระจายอุปกรณ์จะแสดงรายละเอียดของผู้ใช้โทรศัพท์ เดสก์ท็อป และแท็บเล็ตเมื่อเวลาผ่านไป

หน้าอุปกรณ์ของแดชบอร์ด CrUX ที่แสดงการกระจายอุปกรณ์ของโทรศัพท์ เดสก์ท็อป และแท็บเล็ตในช่วง 10 เดือน
หน้าอุปกรณ์ในแดชบอร์ด CrUX

ต้นทางหลายแห่งมีข้อมูลแท็บเล็ตเพียงเล็กน้อยหรือไม่มีเลย คุณจึงมักจะเห็น "0%" อยู่นอกขอบของแผนภูมิ

ในทำนองเดียวกัน หน้าการเผยแพร่ ECT จะแสดงรายละเอียดของประสบการณ์การใช้งาน 4G, 3G, 2G, 2G ที่ช้า และออฟไลน์

ระบบจะคํานวณการแจกแจงสําหรับมิติข้อมูลเหล่านี้โดยใช้ข้อมูลแผนภูมิฮิสโตแกรม First Contentful Paint (FCP)

คำถามที่พบบ่อย

ต่อไปนี้คือคําถามที่พบบ่อยเกี่ยวกับชุดข้อมูล CrUX ใน BigQuery

ฉันควรใช้แดชบอร์ด CrUX แทนเครื่องมืออื่นๆ เมื่อใด

แดชบอร์ด CrUX อิงตามข้อมูลพื้นฐานเดียวกันกับที่มีอยู่ใน BigQuery แต่คุณไม่จําเป็นต้องเขียน SQL แม้แต่บรรทัดเดียวเพื่อดึงข้อมูล และไม่ต้องกังวลว่าจะเกินโควต้าแบบไม่มีค่าใช้จ่าย การตั้งค่าแดชบอร์ดนั้นทําได้อย่างรวดเร็ว ระบบจะสร้างการแสดงภาพทั้งหมดให้คุณ และคุณมีสิทธิ์ควบคุมการแชร์แดชบอร์ดกับใครก็ได้ที่ต้องการ

การใช้แดชบอร์ด CrUX มีข้อจํากัดไหม

แดชบอร์ด CrUX ทำงานบน BigQuery ซึ่งหมายความว่าจะรับข้อจํากัดทั้งหมดของ BigQuery ด้วย โดยจะจำกัดไว้ที่ข้อมูลระดับต้นทางแบบละเอียดรายเดือน

นอกจากนี้ แดชบอร์ด CrUX ยังลดความยืดหยุ่นของข้อมูลดิบใน BigQuery เพื่อลดความซับซ้อนและความสะดวก เช่น การแจกแจงเมตริกจะแสดงเป็น "ดี" "ต้องปรับปรุง" และ "แย่" เท่านั้น ต่างจากฮิสโตแกรมแบบเต็ม แดชบอร์ด CrUX ยังแสดงข้อมูลในระดับทั่วโลกด้วย ขณะที่ชุดข้อมูล BigQuery ช่วยให้คุณซูมเข้าประเทศใดประเทศหนึ่งได้

ฉันจะปรับแต่งหน้าแดชบอร์ดได้อย่างไร

หน้านี้จะแสดงรายละเอียดเกี่ยวกับวิธีเข้าถึงแดชบอร์ด CrUX เวอร์ชันอ่านอย่างเดียวที่ทีม CrUX เป็นผู้ดูแล หากต้องการสร้างสําเนาแดชบอร์ดของคุณเองเพื่อให้แก้ไขเพื่อแสดงภาพต่างๆ ได้ โปรดดูคู่มือผู้ใช้นี้สําหรับข้อมูลเพิ่มเติม โปรดทราบว่าการสร้างสําเนาของคุณเองหมายความว่าคุณจะต้องอัปเดตเดือนด้วยตนเองและจะไม่ได้รับประโยชน์จากการเพิ่มข้อมูลลงในแดชบอร์ดอย่างเป็นทางการ เช่น เมตริกใหม่หรือข้อมูลอื่นๆ