了解 2023 年 Google I/O 大会上介绍的 Firebase 亮点。了解详情

เรียนรู้เกี่ยวกับข้อมูลประสิทธิภาพการแสดงผลหน้าจอ (แอป Apple และ Android)

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

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

  • เฟรมแสดงผลช้า — วัดเปอร์เซ็นต์ของอินสแตนซ์หน้าจอที่ใช้เวลานานกว่า 16 มิลลิวินาทีในการแสดงผล

  • Frozen frames — วัดเปอร์เซ็นต์ของอินสแตนซ์หน้าจอที่ใช้เวลานานกว่า 700ms ในการแสดงผล

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

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

เมตริกที่รวบรวมโดยการติดตามการแสดงผลหน้าจอ

การติดตามเหล่านี้เป็นการติดตามแบบสำเร็จรูป คุณจึงเพิ่มเมตริกหรือแอตทริบิวต์ที่กำหนดเองไม่ได้

เฟรมที่เรนเดอร์ช้าและเฟรมค้างคำนวณด้วยอัตรารีเฟรชอุปกรณ์ที่สมมติไว้ที่ 60Hz หากอัตราการรีเฟรชอุปกรณ์ต่ำกว่า 60Hz แต่ละเฟรมจะมีเวลาเรนเดอร์ช้าลงเนื่องจากมีการแสดงผลเฟรมต่อวินาทีน้อยลง เวลาในการเรนเดอร์ที่ช้าลงอาจทำให้รายงานเฟรมที่ช้าหรือค้างมากขึ้น เนื่องจากเฟรมที่มากขึ้นจะแสดงผลช้าลงหรือจะค้าง อย่างไรก็ตาม หากอัตราการรีเฟรชอุปกรณ์สูงกว่า 60Hz แต่ละเฟรมจะมีเวลาเรนเดอร์เร็วขึ้น ซึ่งอาจทำให้รายงานเฟรมที่ช้าหรือค้างน้อยลง นี่เป็นข้อจำกัดปัจจุบันใน Performance Monitoring SDK

เฟรมแสดงผลช้า

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

เฟรมแช่แข็ง

เมตริกนี้คือเปอร์เซ็นต์ของเซสชันผู้ใช้ที่พบปัญหาเฟรมค้างในจำนวนที่เห็นได้ชัดเจนสำหรับหน้าจอหนึ่งๆ โดยเฉพาะอย่างยิ่ง เมตริกนี้คือเปอร์เซ็นต์ของอินสแตนซ์หน้าจอที่เฟรมมากกว่า 0.1% ใช้เวลาแสดงผลนานกว่า 700 มิลลิวินาที

ร่องรอยการเรนเดอร์หน้าจอถูกสร้างขึ้นอย่างไร

  • เริ่มทำงานสำหรับ UIViewController ทุกตัวใน keyWindow เมื่อแอปเรียก viewDidAppear:

  • หยุดเมื่อแอปเรียก viewDidDisappear:

โปรดทราบว่าการติดตามการเรนเดอร์หน้าจอไม่ได้บันทึกตัวควบคุมมุมมองคอนเทนเนอร์ตามรูปแบบบัญญัติ

ติดตาม ดู และกรองข้อมูลประสิทธิภาพ

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

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

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

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

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

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

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

เรียนรู้เพิ่มเติมเกี่ยวกับ การใช้แดชบอร์ด

ดูประสิทธิภาพของหน้าจอบนคอนโซล

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

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

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

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

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

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

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

เรียนรู้เพิ่มเติมเกี่ยวกับ การดูข้อมูลการติดตามของคุณ

ขั้นตอนถัดไป