Catch up on everything announced at Firebase Summit, and learn how Firebase can help you accelerate app development and run your app with confidence. Learn More

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

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

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