การตรวจสอบข้อมูลประสิทธิภาพในคอนโซล

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

ติดตามเมตริกหลักในแดชบอร์ดของคุณ

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

รูปภาพของบอร์ดเมตริกในแดชบอร์ดการตรวจสอบประสิทธิภาพของ Firebase

ต่อไปนี้เป็นตัวอย่างแนวโน้มที่คุณสามารถติดตามได้:

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

สมาชิกแต่ละคนของโครงการ Firebase สามารถกำหนดค่าบอร์ดเมตริกของตนเองได้ คุณสามารถติดตามเมตริกที่สำคัญสำหรับคุณ ในขณะที่สมาชิกโครงการคนอื่นๆ สามารถติดตามชุดเมตริกหลักที่แตกต่างกันโดยสิ้นเชิงบนกระดานของตนเอง

หากต้องการเพิ่มเมตริกลงในกระดานเมตริก ให้ทำตามขั้นตอนเหล่านี้:

  1. ไปที่ แดชบอร์ด ประสิทธิภาพ ในคอนโซล Firebase
  2. คลิกการ์ดเมตริกว่าง จากนั้นเลือกเมตริกที่มีอยู่เพื่อเพิ่มในบอร์ดของคุณ
  3. คลิก บนการ์ดเมตริกที่มีข้อมูลสำหรับตัวเลือกเพิ่มเติม เช่น เพื่อแทนที่หรือลบเมตริก

กระดานเมตริกแสดงข้อมูลเมตริกที่รวบรวมไว้ในช่วงเวลาหนึ่ง ทั้งในรูปแบบกราฟิกและการเปลี่ยนแปลงเป็นเปอร์เซ็นต์ที่เป็นตัวเลข

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

สีแดง สีเขียว และสีเทา หมายถึงอะไร

ตัวชี้วัดส่วนใหญ่มีทิศทางแนวโน้มที่ต้องการ ดังนั้นกระดานตัวชี้วัดจึงใช้สีเพื่อแสดงการตีความว่าข้อมูลของตัวชี้วัดมีแนวโน้มไปในทิศทางที่ดีหรือไม่ดี

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

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

เส้นทึบและเส้นประหมายถึงอะไร

  • เส้นทึบสีน้ำเงินเข้ม — ค่าของเมตริกเมื่อเวลาผ่านไป

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



ดูร่องรอยและข้อมูล

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

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

  • หากคุณเลือกเปอร์เซ็นต์ไทล์เป็น 75% และช่วงเวลาเป็น 7 วันล่าสุด ค่าของเมตริกจะเป็น เปอร์เซ็นไทล์ที่ 75 ของข้อมูลที่รวบรวมจาก วัน ล่าสุด และการเปลี่ยนแปลงเปอร์เซ็นต์จะเป็นการเปลี่ยนแปลงตั้งแต่ 7 วันก่อนหน้า
  • หากคุณเปลี่ยนช่วงเวลาเป็น 24 ชั่วโมงล่าสุด ค่าของเมตริกจะเป็นค่า มัธยฐาน ของข้อมูลที่รวบรวมจาก ชั่วโมง ล่าสุด และเปอร์เซ็นต์การเปลี่ยนแปลงจะเป็นการเปลี่ยนแปลงตั้งแต่ 24 ชั่วโมงก่อนหน้า

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

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

ดูข้อมูลเพิ่มเติมสำหรับการติดตามเฉพาะ

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

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

คุณสามารถเข้าถึงหน้าการแก้ไขปัญหาได้ด้วยวิธีต่อไปนี้:

  • บนแดชบอร์ดเมตริก ให้คลิกปุ่ม ดูรายละเอียดเมตริก
  • บนการ์ดเมตริก เลือก => ดูรายละเอียด หน้าการแก้ไขปัญหาจะแสดงข้อมูลเกี่ยวกับเมตริกที่คุณเลือก
  • ในตารางการติดตาม คลิกชื่อการติดตามหรือค่าเมตริกใดๆ ในแถวที่เกี่ยวข้องกับการติดตามนั้น
  • ในการแจ้งเตือนทางอีเมล ให้คลิก ตรวจสอบทันที

เมื่อคุณคลิกชื่อการติดตามในตารางการติดตาม คุณจะสามารถเจาะลึกลงไปในเมตริกที่สนใจได้ คลิกปุ่ม กรอง เพื่อกรองข้อมูลตามแอตทริบิวต์ เช่น

รูปภาพของข้อมูลการตรวจสอบประสิทธิภาพ Firebase ที่ถูกกรองตามแอตทริบิวต์
  • กรองตาม URL ของหน้า เพื่อดูข้อมูลสำหรับหน้าเฉพาะของไซต์ของคุณ
  • กรองตาม ประเภทการเชื่อมต่อที่มีประสิทธิภาพ เพื่อเรียนรู้ว่าการเชื่อมต่อ 3g ส่งผลต่อแอปของคุณอย่างไร
  • กรองตาม ประเทศ เพื่อให้แน่ใจว่าตำแหน่งฐานข้อมูลของคุณไม่ส่งผลกระทบต่อภูมิภาคใดภูมิภาคหนึ่ง

ดูตัวชี้วัดที่รวบรวมทั้งหมดสำหรับการติดตาม

เมื่อคุณคลิกที่การติดตาม คุณสามารถเจาะลึกลงไปถึงเมตริกที่น่าสนใจ:

  • การติดตามคำขอเครือข่าย — แท็บเมตริกที่มีอยู่คือ เวลาตอบสนอง และ ขนาดเพย์โหลดการตอบสนอง
  • การติดตามโค้ดที่กำหนดเอง — แท็บเมตริก ระยะเวลา จะพร้อมใช้งานเสมอ (เมตริกเริ่มต้นสำหรับการติดตามประเภทนี้) หากคุณเพิ่มเมตริกที่กำหนดเองในการติดตามโค้ดที่กำหนดเอง แท็บเมตริกเหล่านั้นจะแสดงด้วย
  • การติดตามการโหลดหน้าเว็บ — แท็บเมตริกที่มีอยู่ประกอบด้วย การระบายสีครั้งแรก การระบายสีอย่างมีเนื้อหาเป็นครั้งแรก การหน่วงเวลาในการป้อนข้อมูลครั้งแรก และเหตุการณ์ที่เกี่ยวข้องกับ DOM
รูปภาพของแผนภูมิการกระจายการตรวจสอบประสิทธิภาพ Firebase

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

ดูข้อมูลเชิงลึกเกี่ยวกับข้อมูล

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

ตัวอย่างเช่น หากต้องการทำความเข้าใจว่าเหตุใดเวลาตอบสนองของเครือข่ายล่าสุดจึงช้า และไม่ว่าประเทศใดจะส่งผลกระทบต่อประสิทธิภาพการทำงาน ให้ทำตามขั้นตอนเหล่านี้:

  1. เลือก ประเทศ จากดร็อปดาวน์แอตทริบิวต์
  2. ในตาราง จัดเรียงตามค่าล่าสุดเพื่อดูประเทศที่มีผลกระทบมากที่สุดต่อเวลาตอบสนองของเครือข่ายของคุณ
  3. เลือกประเทศที่มีค่าล่าสุดมากที่สุดเพื่อลงจุดบนกราฟ จากนั้นเลื่อนเคอร์เซอร์ไปเหนือไทม์ไลน์ในกราฟเพื่อเรียนรู้ว่าเวลาตอบสนองของเครือข่ายในประเทศเหล่านั้นช้าลงเมื่อใด
  4. หากต้องการตรวจสอบสาเหตุที่แท้จริงของปัญหาเวลาตอบสนองของเครือข่ายในบางประเทศ ให้เพิ่มตัวกรองสำหรับประเทศเหล่านั้นและดำเนินการตรวจสอบแอตทริบิวต์อื่นๆ ต่อไป (เช่น ประเภทวิทยุและอุปกรณ์)