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

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

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

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

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

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

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

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

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