หากต้องการดูข้อมูลประสิทธิภาพแบบเรียลไทม์ ให้ตรวจสอบว่าแอปใช้ SDK ของ Performance Monitoring เวอร์ชันที่เข้ากันได้กับการประมวลผลข้อมูลแบบเรียลไทม์ ดูข้อมูลเพิ่มเติมเกี่ยวกับข้อมูลประสิทธิภาพแบบเรียลไทม์
ติดตามเมตริกหลักในแดชบอร์ด
หากต้องการดูแนวโน้มของเมตริกหลัก ให้เพิ่มเมตริกเหล่านั้นลงในบอร์ดเมตริกที่ด้านบนของแดชบอร์ดประสิทธิภาพ คุณสามารถระบุการถดถอยได้อย่างรวดเร็วโดยดูการเปลี่ยนแปลงแบบสัปดาห์ต่อสัปดาห์ หรือยืนยันว่าการเปลี่ยนแปลงล่าสุดในโค้ดช่วยปรับปรุงประสิทธิภาพ
แดชบอร์ด Firebase Performance Monitoring" />
ตัวอย่างเทรนด์ที่คุณติดตามได้มีดังนี้
- ความล่าช้าของอินพุตแรกดีขึ้นเนื่องจากคุณได้เปลี่ยนเวลาที่แอปโหลดไฟล์ JavaScript บางไฟล์
- เวลาที่ใช้สำหรับ First Contentful Paint ลดลงหลังจากเปลี่ยนไปใช้ CDN สำหรับเนื้อหา
- ขนาดเพย์โหลดการตอบกลับสำหรับคำขอเครือข่ายลดลงเนื่องจากคุณใช้ภาพขนาดย่อ
- เวลาในการตอบสนองของเครือข่ายเพิ่มขึ้นสำหรับการเรียก API ของบุคคลที่สามในระหว่างที่ระบบนิเวศหยุดทำงาน
สมาชิกแต่ละคนในโปรเจ็กต์ Firebase สามารถกำหนดค่าบอร์ดเมตริกของตนเองได้ คุณสามารถติดตามเมตริกที่สำคัญต่อคุณได้ ขณะที่สมาชิกคนอื่นๆ ในโปรเจ็กต์สามารถติดตามชุดเมตริกหลักที่แตกต่างกันโดยสิ้นเชิงบนบอร์ดของตนเอง
หากต้องการเพิ่มเมตริกลงในบอร์ดเมตริก ให้ทำตามขั้นตอนต่อไปนี้
- ไปที่แดชบอร์ดประสิทธิภาพในคอนโซล Firebase
- คลิกการ์ดเมตริกที่ว่างเปล่า แล้วเลือกเมตริกที่มีอยู่เพื่อเพิ่มลงในบอร์ด
- คลิก บนการ์ดเมตริกที่มีข้อมูลเพื่อดูตัวเลือกเพิ่มเติม เช่น แทนที่หรือนําเมตริกออก
บอร์ดเมตริกจะแสดงข้อมูลเมตริกที่รวบรวมไว้เมื่อเวลาผ่านไป ทั้งในรูปแบบกราฟิกและเปอร์เซ็นต์การเปลี่ยนแปลงที่เป็นตัวเลข
- การ์ดเมตริกแต่ละรายการจะแสดงเปอร์เซ็นต์การเปลี่ยนแปลงของค่าเมตริกในช่วงเวลาที่เลือก รวมถึงค่าที่รวบรวมล่าสุดของเมตริก ข้อความที่ด้านบนของกระดานเมตริกคือการตีความเปอร์เซ็นต์การเปลี่ยนแปลง
- โดยค่าเริ่มต้น บอร์ดเมตริกจะแสดงค่าเปอร์เซ็นไทล์ที่ 75 ของเมตริก ซึ่งสอดคล้องกับ Core Web Vitals หากต้องการดูว่าผู้ใช้กลุ่มต่างๆ มีประสบการณ์การใช้งานแอปอย่างไร ให้เลือกเปอร์เซ็นไทล์อื่นจากเมนูแบบเลื่อนลงที่ด้านบนของหน้าแดชบอร์ด
สีแดง สีเขียว และสีเทาหมายถึงอะไร
เมตริกส่วนใหญ่มีทิศทางแนวโน้มที่ต้องการ ดังนั้นบอร์ดเมตริกจึงใช้สีเพื่อแสดงการตีความว่าข้อมูลของเมตริกมีแนวโน้มไปในทิศทางที่ดีหรือไม่ดี
เช่น สมมติว่าคุณกำลังติดตามความล่าช้าของอินพุตแรกของหน้า (ค่าที่ควรมีขนาดเล็ก) หากค่านี้เพิ่มขึ้น บอร์ดเมตริกจะแสดงเปอร์เซ็นต์การเปลี่ยนแปลงของเมตริกเป็นสีแดงเพื่อดึงดูดความสนใจไปยังปัญหาที่อาจเกิดขึ้น อย่างไรก็ตาม หากค่าลดลงหรือไม่เปลี่ยนแปลง บอร์ดเมตริกจะแสดงเปอร์เซ็นต์เป็นสีเขียวหรือสีเทาตามลำดับ
หากเมตริกไม่มีทิศทางแนวโน้มที่ต้องการอย่างชัดเจน เช่น ขนาดเพย์โหลดการตอบกลับสำหรับคำขอเครือข่าย บอร์ดเมตริกจะแสดงเปอร์เซ็นต์การเปลี่ยนแปลงของเมตริกเป็นสีเทาเสมอ ไม่ว่าแนวโน้มของข้อมูลจะเป็นอย่างไร
เส้นทึบและเส้นประหมายถึงอะไร
-
เส้นทึบสีน้ำเงินเข้ม — ค่าของเมตริกเมื่อเวลาผ่านไป
-
เส้นประสีฟ้าอ่อน — ค่าของเมตริก ณ เวลาหนึ่งๆ ในอดีต
ตัวอย่างเช่น หากคุณเลือกแสดงแผนภูมิของ 7 วันที่ผ่านมา และวางเมาส์เหนือวันที่ 30 สิงหาคม เส้นประสีฟ้าอ่อนจะบอกค่าของเมตริกในวันที่ 23 สิงหาคม
ดูการติดตามและข้อมูลของการติดตาม
คุณดูการติดตามทั้งหมดของแอปได้ในตารางการติดตาม ซึ่งอยู่ที่ด้านล่างของแดชบอร์ดประสิทธิภาพ ตารางจะจัดกลุ่มการติดตามแต่ละประเภทไว้ในแท็บย่อยที่เหมาะสม ตัวอย่างเช่น ร่องรอยคำขอเครือข่ายทั้งหมดจะแสดงอยู่ในแท็บย่อยคำขอเครือข่าย
ตารางการติดตามจะแสดงค่าของเมตริกยอดนิยมบางรายการสำหรับการติดตามแต่ละรายการ พร้อมด้วยเปอร์เซ็นต์การเปลี่ยนแปลงของค่าเมตริกแต่ละรายการ ค่าเหล่านี้จะคำนวณตามการเลือกเปอร์เซ็นไทล์และช่วงเวลาที่ตั้งไว้ที่ด้านบนของแท็บแดชบอร์ด ตัวอย่างเช่น
- หากคุณเลือกเปอร์เซ็นไทล์เป็น 75% และช่วงเวลาเป็น 7 วันที่ผ่านมา ค่าของเมตริกจะเป็นเปอร์เซ็นไทล์ที่ 75 ของข้อมูลที่รวบรวมจากวันล่าสุด และเปอร์เซ็นต์การเปลี่ยนแปลงจะเป็นการเปลี่ยนแปลงนับตั้งแต่ 7 วันก่อนหน้า
- หากคุณเปลี่ยนช่วงเวลาเป็นช่วง 24 ชั่วโมงที่ผ่านมา ค่าของเมตริกจะเป็นค่ามัธยฐานของข้อมูลที่รวบรวมจากชั่วโมงล่าสุด และเปอร์เซ็นต์การเปลี่ยนแปลงจะเป็นการเปลี่ยนแปลงนับตั้งแต่ 24 ชั่วโมงก่อนหน้า
คุณสามารถจัดเรียงรายการการติดตามในแต่ละแท็บย่อยตามค่าของเมตริกหรือตามเปอร์เซ็นต์การเปลี่ยนแปลงของเมตริกที่เฉพาะเจาะจงได้ ซึ่งจะช่วยให้คุณระบุปัญหาที่อาจเกิดขึ้นในแอปได้อย่างรวดเร็ว
หากต้องการดูเมตริกและข้อมูลทั้งหมดของการติดตามที่เฉพาะเจาะจง ให้คลิกชื่อการติดตามในตารางการติดตาม ส่วนต่อไปนี้ของหน้านี้จะให้รายละเอียดเพิ่มเติม
ดูข้อมูลเพิ่มเติมสำหรับการติดตามที่เฉพาะเจาะจง
Performance Monitoring มีหน้าการแก้ปัญหาในคอนโซล Firebase ที่ไฮไลต์การเปลี่ยนแปลงของเมตริก ซึ่งช่วยให้คุณจัดการและลดผลกระทบจากปัญหาด้านประสิทธิภาพที่มีต่อแอปและผู้ใช้ได้อย่างรวดเร็วและง่ายดาย คุณสามารถใช้หน้าการแก้ปัญหาเมื่อทราบถึงปัญหาด้านประสิทธิภาพที่อาจเกิดขึ้น เช่น ในสถานการณ์ต่อไปนี้
- คุณเลือกเมตริกที่เกี่ยวข้องในแดชบอร์ดและสังเกตเห็นความแตกต่างอย่างมาก
- ในตารางการติดตาม คุณจัดเรียงเพื่อแสดงเดลต้าที่ใหญ่ที่สุดที่ด้านบน และคุณเห็นเปอร์เซ็นต์การเปลี่ยนแปลงที่สำคัญ
- คุณได้รับการแจ้งเตือนทางอีเมลเกี่ยวกับปัญหาด้านประสิทธิภาพ
คุณเข้าถึงหน้าการแก้ปัญหาได้ด้วยวิธีต่อไปนี้
- ในแดชบอร์ดเมตริก ให้คลิกปุ่มดูรายละเอียดเมตริก
- ในการ์ดเมตริกใดก็ได้ ให้เลือก
=> ดูรายละเอียด หน้าการแก้ปัญหาจะแสดงข้อมูลเกี่ยวกับเมตริกที่คุณเลือก - ในตารางการติดตาม ให้คลิกชื่อการติดตามหรือค่าเมตริกใดก็ได้ในแถวที่เชื่อมโยงกับการติดตามนั้น
- คลิกตรวจสอบเลยในการแจ้งเตือนทางอีเมล
เมื่อคลิกชื่อการติดตามในตารางการติดตาม คุณจะเจาะลึกเมตริกที่สนใจได้ คลิกปุ่ม
ข้อมูล Firebase Performance Monitoring ที่กรองตามแอตทริบิวต์" />
- กรองตาม URL ของหน้าเว็บเพื่อดูข้อมูลของหน้าเว็บที่เฉพาะเจาะจงในเว็บไซต์
- กรองตามประเภทการเชื่อมต่อที่มีประสิทธิภาพเพื่อดูว่าการเชื่อมต่อ 3G ส่งผลต่อแอปอย่างไร
- กรองตามประเทศเพื่อให้แน่ใจว่าตำแหน่งฐานข้อมูลไม่ส่งผลกระทบต่อภูมิภาคใดภูมิภาคหนึ่ง
ดูเมตริกที่รวบรวมทั้งหมดสำหรับการติดตาม
เมื่อคลิกเข้าไปในร่องรอย คุณจะเจาะลึกเมตริกที่สนใจได้ ดังนี้
- ร่องรอยคำขอเครือข่าย - แท็บเมตริกที่ใช้ได้คือเวลาในการตอบกลับและขนาดเพย์โหลดการตอบกลับ
- การติดตามโค้ดที่กำหนดเอง — แท็บเมตริกระยะเวลาจะพร้อมใช้งานเสมอ (เมตริกเริ่มต้นสำหรับการติดตามประเภทนี้) หากคุณเพิ่มเมตริกที่กำหนดเองลงในการติดตามโค้ดที่กำหนดเอง แท็บเมตริกเหล่านั้นก็จะแสดงด้วย
- การติดตามการโหลดหน้าเว็บ - แท็บเมตริกที่ใช้ได้ ได้แก่ First Paint, First Contentful Paint, Interaction to Next Paint และเหตุการณ์ที่เกี่ยวข้องกับ DOM
แผนภูมิการกระจายของ Firebase Performance Monitoring" />
คุณดูสรุปประสิทธิภาพของเมตริกที่เลือกได้ที่ด้านล่างแท็บเมตริก ซึ่งรวมถึงภาพรวม 1 ประโยคของแนวโน้มเมตริกเมื่อเวลาผ่านไป และแผนภูมิเพื่อแสดงภาพการกระจายของข้อมูลในช่วงวันที่ที่เลือกทั้งหมด
ดูข้อมูลเชิงลึกเกี่ยวกับข้อมูล
คุณสามารถกรองและแบ่งกลุ่มข้อมูลตามแอตทริบิวต์ หรือจะคลิกเพื่อดูข้อมูลในบริบทของเซสชันการใช้งานแอปก็ได้
ตัวอย่างเช่น หากต้องการทราบสาเหตุที่เวลาในการตอบสนองของเครือข่ายล่าสุดช้า และประเทศส่งผลต่อประสิทธิภาพหรือไม่ ให้ทำตามขั้นตอนต่อไปนี้
- เลือกประเทศจากเมนูแบบเลื่อนลงของแอตทริบิวต์
- ในตาราง ให้จัดเรียงตามค่าล่าสุดเพื่อดูประเทศที่ส่งผลต่อเวลาในการตอบสนองของเครือข่ายมากที่สุด
- เลือกประเทศที่มีมูลค่าล่าสุดมากที่สุดเพื่อแสดงในกราฟ จากนั้นวางเคอร์เซอร์เหนือไทม์ไลน์ในกราฟเพื่อดูว่าเวลาในการตอบสนองของเครือข่ายช้าลงเมื่อใดในประเทศเหล่านั้น
- หากต้องการตรวจสอบสาเหตุของปัญหาเวลาในการตอบสนองของเครือข่ายในประเทศที่เฉพาะเจาะจงเพิ่มเติม ให้เพิ่มตัวกรองสำหรับประเทศเหล่านั้นและตรวจสอบแอตทริบิวต์อื่นๆ (เช่น ประเภทวิทยุและอุปกรณ์) ต่อไป