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 theo 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 về dữ liệu hiệu suất thời gian thực .

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 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 làm theo các bước sau:

  1. Chuyển đến bảng điều khiển Hiệu suất trong bảng điều khiển Firebase.
  2. 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.
  3. Nhấp vào trên thẻ chỉ số đã phổ biến để có thêm tùy chọn, chẳng hạn như để thay thế hoặc xóa một 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 trong 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ị phần trăm thứ 75 của chỉ số, giá trị này phù hợp với Core Web Vitals . 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 một 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 thịnh hành 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 vị 75% và phạm vi thời gian là 7 ngày qua , thì giá trị của chỉ số sẽ là phân vị thứ 75 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 chi tiết.

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

Giám sát hiệu suất cung cấp trang khắc phục sự cố trong bảng điều khiển Firebase, trang này nêu bật các thay đổi về chỉ số, giúp bạn dễ dàng giải quyết nhanh chóng và giảm thiểu tác động của các vấn đề về hiệu suất đối với ứng dụng và người dùng của bạn. Bạn có thể sử dụng trang khắc phục sự cố khi tìm hiểu về các vấn đề hiệu suất tiềm ẩn, chẳng hạn như trong các trường hợp sau:

  • Bạn chọn các chỉ số có liên quan trên trang tổng quan và bạn nhận thấy một vùng đồng bằng lớn.
  • Trong bảng dấu vết, bạn sắp xếp để hiển thị các delta lớn nhất ở trên cùng và bạn thấy một tỷ lệ phần trăm thay đổi đáng kể.
  • Bạn nhận được một email thông báo cho bạn về sự cố hiệu suất.

Bạn có thể truy cập trang khắc phục sự cố theo những cách sau:

  • Trên trang tổng quan chỉ số, nhấp vào nút Xem chi tiết số liệu .
  • Trên bất kỳ thẻ chỉ số nào, hãy chọn => Xem chi tiết . Trang khắc phục sự cố hiển thị thông tin về số liệu bạn đã chọn.
  • Trong bảng dấu vết, hãy nhấp vào tên dấu vết hoặc bất kỳ giá trị số liệu nào trong hàng được liên kết với dấu vết đó.
  • Trong một cảnh báo qua email, hãy nhấp vào Điều tra ngay bây giờ .

Khi bạn nhấp vào tên dấu vết trong bảng dấu vết, sau đó bạn có thể đi sâu vào các chỉ số quan tâm. Nhấp vào nút bộ lọc để 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

Khi bạn nhấp vào một dấu vết, bạn có thể đi sâu vào các chỉ số quan tâm:

  • Dấu vết yêu cầu mạng - Các tab 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 - Tab 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ì tab số liệu đó cũng được hiển thị.
  • Dấu vết tải trang - Các tab số liệu 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.
hình ảnh của biểu đồ phân phối Giám sát hiệu suất Firebase

Bạn có thể tìm thấy tóm tắt hiệu suất cho số liệu đã chọn ngay bên dưới các tab số liệu. Điều này bao gồm tổng quan một câu về xu hướng của chỉ số theo thời gian và biểu đồ để trực quan hóa việc phân phối dữ liệu trên toàn bộ phạm vi ngày đã chọn.

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

Bạn có thể lọc và phân đoạn dữ liệu theo thuộc tính hoặc bạn có thể nhấp để xem dữ liệu trong ngữ cảnh của phiên sử dụng ứng dụng.

Ví dụ: để hiểu lý do tại sao thời gian phản hồi mạng gần đây của bạn chậm và liệu một quốc gia có đang ảnh hưởng đến hiệu suất hay không, hãy làm theo các bước sau:

  1. Chọn Quốc gia từ trình đơn thả xuống thuộc tính.
  2. Trong bảng, hãy sắp xếp theo giá trị mới nhất để xem các quốc gia có tác động lớn nhất đến thời gian phản hồi mạng của bạn.
  3. Chọn các quốc gia có giá trị mới nhất lớn nhất để vẽ chúng trên biểu đồ. Sau đó, di con trỏ qua dòng thời gian trong biểu đồ để tìm hiểu khi nào thời gian phản hồi của mạng bị chậm lại ở các quốc gia đó.
  4. Để điều tra thêm nguyên nhân gốc rễ của các vấn đề về thời gian phản hồi mạng ở các quốc gia cụ thể, hãy thêm bộ lọc cho các quốc gia đó và tiếp tục điều tra trên các thuộc tính khác (như loại và thiết bị vô tuyến).