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

หากต้องการดูข้อมูลประสิทธิภาพแบบเรียลไทม์ ตรวจสอบให้แน่ใจว่าแอปของคุณใช้เวอร์ชัน 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 ส่งผลต่อแอปของคุณอย่างไร
  • กรองตาม ประเทศ เพื่อให้แน่ใจว่าตำแหน่งฐานข้อมูลของคุณไม่กระทบกับภูมิภาคใดภูมิภาคหนึ่ง

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

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

  • การ ติดตามคำขอเครือข่าย — แท็บเมตริกที่ใช้ได้คือ เวลา ตอบสนอง และขนาดเพย์โหลดการตอบสนอง
  • การ ติดตามโค้ดที่กำหนดเอง — แท็บเมตริก Duration จะพร้อมใช้งานเสมอ (เมตริกเริ่มต้นสำหรับการติดตามประเภทนี้) หากคุณเพิ่มเมตริกที่กำหนดเองลงในการติดตามโค้ดที่กำหนดเอง แท็บเมตริกเหล่านั้นก็จะแสดงขึ้นด้วย
  • การติดตามการโหลดหน้าเว็บ — แท็บเมตริกที่พร้อมใช้งาน ได้แก่ First Paint , First Contentful Paint , First Input Delay และเหตุการณ์ที่เกี่ยวข้องกับ DOM

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

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

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

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