แดชบอร์ด CrUX

การใช้แดชบอร์ด CrUX เพื่อแสดงภาพข้อมูล BigQuery CrUX

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

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

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

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

วิธีการนี้ใช้งานได้กับทุกเว็บไซต์

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

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

ใช้ Custom Search Engine เพื่อเข้าถึงหน้าแดชบอร์ด

อีกทางเลือกหนึ่งสำหรับผู้ที่เข้าชมโดเมนอื่นบ่อยๆ คือการตั้งค่า Custom Search Engine ใน 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 ที่มีฟิลด์สามฟิลด์: ชื่อเครื่องมือค้นหา ทางลัด และ 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 ของทุกเดือน ตัวอย่างเช่น ชุดข้อมูลที่ประกอบด้วยข้อมูลประสบการณ์ของผู้ใช้ในเดือนพฤษภาคมจะเผยแพร่ในวันอังคารที่สองของเดือนมิถุนายน

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

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

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

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

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

หลังหน้า Core Web Vitals คุณจะเห็นหน้าเดี่ยวๆ สําหรับmetricsทั้งหมดในชุดข้อมูล CrUX

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

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

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

เปอร์เซ็นต์ของเดือนล่าสุดที่มอบประสบการณ์การใช้งาน "ดี" และ "แย่" จะแสดงอยู่เหนือแผนภูมิพร้อมตัวบ่งชี้เปอร์เซ็นต์ความแตกต่างจากเดือนก่อนหน้า สำหรับต้นทางนี้ ประสบการณ์ LCP ที่ "ดี" ลดลง 0.8% เป็น 83.25% เมื่อเทียบกับเดือนก่อนหน้า ตัวเลข P75 มีการเคลื่อนไหว 0 ครั้งและคงที่ที่ 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 กล่าวคือ P75 LCP ที่ 3,800 มิลลิวินาทีแสดงให้เห็นว่าเปอร์เซ็นไทล์ที่ 75 ที่แท้จริงอยู่ระหว่าง 3,800 ถึง 3,900 มิลลิวินาที

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

ค่า 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 มีข้อจำกัดไหม

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

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

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

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