Check out what’s new from Firebase at Google I/O 2022. Learn more

Theo dõi dữ liệu hiệu suất trong bảng điều khiển

Để xem dữ liệu hiệu suất thời gian thực, hãy đảm bảo rằng ứng dụng của bạn sử dụng phiên bản SDK giám sát hiệu suất tương thích với xử lý dữ liệu thời gian thực. Tìm hiểu thêm .

Theo dõi các chỉ số chính trong trang tổng quan của bạn

Để tìm hiểu xu hướng của các chỉ số chính của bạn, hãy thêm chúng vào bảng chỉ số của bạn ở đầu trang tổng quan Hiệu suất . Bạn có thể nhanh chóng xác định các hồi quy bằng cách xem các thay đổi hàng tuần hoặc xác minh rằng các thay đổi gần đây trong mã của bạn đang cải thiện hiệu suất.

hình ảnh của bảng chỉ số trong trang tổng quan Giám sát hiệu suất Firebase

Dưới đây là một số xu hướng mẫu mà bạn có thể theo dõi:

  • Sự cải thiện về độ trễ đầu vào đầu tiên do bạn đã thay đổi khi ứng dụng của bạn tải các tệp JavaScript nhất định
  • Giảm thời gian sơn nội dung đầu tiên sau khi chuyển sang sử dụng CDN cho nội dung
  • Giảm kích thước tải trọng phản hồi cho một yêu cầu mạng kể từ khi bạn triển khai việc sử dụng hình thu nhỏ
  • Tăng thời gian phản hồi của mạng đối với lệnh gọi API của bên thứ ba khi hệ sinh thái ngừng hoạt động

Mỗi thành viên của dự án Firebase có thể định cấu hình bảng chỉ số của riêng họ. Bạn có thể theo dõi các số liệu quan trọng đối với mình, trong khi các thành viên khác của dự án có thể theo dõi các bộ số liệu chính hoàn toàn khác nhau trên bảng của riêng họ.

Để thêm chỉ số vào bảng chỉ số của bạn, hãy chuyển đến Trang tổng quan về hiệu suất trong bảng điều khiển Firebase, sau đó nhấp vào tab Trang tổng quan . Nhấp vào thẻ số liệu trống, sau đó chọn số liệu hiện có để thêm vào bảng của bạn. Nhấp vào trên thẻ số liệu đã phổ biến để có thêm tùy chọn, chẳng hạn như thay thế hoặc xóa số liệu.

Bảng chỉ số hiển thị dữ liệu chỉ số được thu thập theo thời gian, cả ở dạng đồ họa và dưới dạng số phần trăm thay đổi.

  • Mỗi thẻ chỉ số hiển thị phần trăm thay đổi về giá trị của chỉ số trong phạm vi thời gian đã chọn, cũng như giá trị được thu thập gần đây nhất của chỉ số. Tuyên bố ở đầu bảng chỉ số là diễn giải về phần trăm thay đổi.
  • Theo mặc định, bảng chỉ số hiển thị giá trị trung bình của chỉ số. Nếu bạn muốn xem các phân đoạn người dùng khác nhau trải nghiệm ứng dụng của bạn như thế nào, hãy chọn một phân vị khác từ menu thả xuống ở đầu trang tổng quan.

Các màu đỏ, xanh lá cây và xám có ý nghĩa gì?

Hầu hết các chỉ số đều có xu hướng mong muốn, do đó, bảng chỉ số sử dụng màu sắc để hiển thị phần diễn giải về việc dữ liệu của chỉ số đang có xu hướng tốt hay xấu.

Ví dụ: giả sử bạn đang theo dõi độ trễ đầu vào đầu tiên của trang (một giá trị phải nhỏ). Nếu giá trị này đang tăng lên, thì bảng chỉ số sẽ hiển thị phần trăm thay đổi của chỉ số bằng màu đỏ, kêu gọi sự chú ý đến một vấn đề có thể xảy ra. Tuy nhiên, nếu giá trị đang giảm hoặc không thay đổi, thì bảng chỉ số sẽ hiển thị tỷ lệ phần trăm tương ứng với màu xanh lục hoặc xám.

Nếu chỉ số không có hướng xu hướng mong muốn rõ ràng, chẳng hạn như kích thước trọng tải phản hồi cho một yêu cầu mạng, thì bảng chỉ số luôn hiển thị phần trăm thay đổi của chỉ số bằng màu xám, bất kể dữ liệu đang có xu hướng như thế nào.

Các đường liền và đứt nét nghĩa là gì?

  • đường liền nét màu xanh lam đậm - giá trị của chỉ số theo thời gian

  • đường đứt nét màu xanh lam nhạt - giá trị của chỉ số tại một thời điểm cụ thể trong quá khứ
    Ví dụ: nếu bạn chọn hiển thị biểu đồ của 7 ngày qua và di chuột qua ngày 30 tháng 8, thì đường đứt nét màu xanh lam nhạt cho bạn biết giá trị của chỉ số vào ngày 23 tháng 8.



Xem dấu vết và dữ liệu của chúng

Bạn có thể xem tất cả các dấu vết cho ứng dụng của mình trong bảng dấu vết ở cuối trang tổng quan Hiệu suất . Bảng nhóm từng loại dấu vết trong một tab phụ thích hợp. Ví dụ: tất cả các dấu vết yêu cầu mạng được liệt kê trong tab phụ Yêu cầu mạng .

Bảng dấu vết hiển thị các giá trị cho một số chỉ số hàng đầu cho mỗi dấu vết, cùng với phần trăm thay đổi cho giá trị của mỗi chỉ số. Các giá trị này được tính toán dựa trên lựa chọn phần trăm và phạm vi thời gian được đặt ở đầu tab Trang tổng quan . Dưới đây là một số ví dụ:

  • Nếu bạn chọn phần trăm là 50% và phạm vi thời gian là 7 ngày qua , thì giá trị của chỉ số sẽ là giá trị trung bình của dữ liệu được thu thập từ ngày gần đây nhất và phần trăm thay đổi sẽ là thay đổi kể từ 7 ngày trước.

  • Sau đó, nếu bạn thay đổi phạm vi thời gian thành 24 giờ qua , thì giá trị của chỉ số sẽ là giá trị trung bình của dữ liệu được thu thập từ giờ gần đây nhất và phần trăm thay đổi sẽ là thay đổi kể từ 24 giờ trước.

Bạn có thể sắp xếp danh sách dấu vết trong mỗi tab phụ theo giá trị của chỉ số hoặc theo tỷ lệ phần trăm thay đổi cho một chỉ số cụ thể. Điều này có thể giúp bạn nhanh chóng xác định các vấn đề tiềm ẩn trong ứng dụng của mình.

Để xem tất cả các chỉ số và dữ liệu cho một dấu vết cụ thể, hãy nhấp vào tên vết trong bảng dấu vết. Các phần sau của trang này cung cấp thêm thông tin chi tiết.

Xem thêm dữ liệu để biết một dấu vết cụ thể

Nếu bạn nhấp vào tên dấu vết trong bảng dấu vết, sau đó bạn có thể nhấp qua các màn hình khác nhau để khám phá dấu vết và đi sâu vào các chỉ số quan tâm. Trên hầu hết các trang, bạn có thể sử dụng nút bộ lọc (trên cùng bên trái màn hình) để lọc dữ liệu theo thuộc tính, ví dụ:

hình ảnh dữ liệu Giám sát hiệu suất Firebase đang được lọc theo thuộc tính
  • Lọc theo URL trang để xem dữ liệu cho một trang cụ thể trên trang web của bạn
  • Lọc theo loại kết nối hiệu quả để tìm hiểu cách kết nối 3g ảnh hưởng đến ứng dụng của bạn
  • Lọc theo Quốc gia để đảm bảo vị trí cơ sở dữ liệu của bạn không ảnh hưởng đến một khu vực cụ thể

Xem tất cả các chỉ số đã thu thập để theo dõi

Nếu bạn nhấp vào tên dấu vết trong bảng dấu vết, bạn sẽ thấy tổng quan về dữ liệu dấu vết trên thẻ số liệu.

Sử dụng các tùy chọn ở trên cùng bên phải màn hình để xem dữ liệu tổng hợp hoặc theo thời gian .

  • Dấu vết yêu cầu mạng - Các thẻ số liệu có sẵn là thời gian phản hồi và kích thước trọng tải phản hồi .
  • Dấu vết mã tùy chỉnh - Thẻ số liệu Thời lượng luôn có sẵn (số liệu mặc định cho loại dấu vết này). Nếu bạn đã thêm bất kỳ số liệu tùy chỉnh nào vào dấu vết mã tùy chỉnh, thì các thẻ số liệu đó cũng được hiển thị.
  • Dấu vết tải trang - Các thẻ chỉ số có sẵn bao gồm sơn đầu tiên, sơn nội dung đầu tiên, độ trễ đầu vào đầu tiên và các sự kiện liên quan đến DOM.

Xem thông tin chuyên sâu về dữ liệu

Nếu bạn nhấp vào Xem thêm trên bất kỳ thẻ số liệu nào, bạn có thể xem lại thông tin chuyên sâu hơn về dữ liệu đã thu thập và sử dụng các tính năng phân tích phong phú hơn. Ví dụ: bạn có thể lọc và phân đoạn dữ liệu theo thuộc tính.