Giám sát 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 ứ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 quá trình xử lý dữ liệu theo 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 số liệu chính trong trang tổng quan của bạn

Để tìm hiểu xu hướng của các số liệu chính của bạn, hãy thêm chúng vào bảng số liệu ở đầ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 những thay đổi gần đây trong mã của bạn đang cải thiện hiệu suất.

hình ảnh bảng số liệu trong trang tổng quan Giám sát hiệu suất Firebase

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

  • Cải thiện độ trễ đầu vào đầu tiên do bạn đã thay đổi khi ứng dụng của bạn tải một số tệp JavaScript nhất định
  • Giảm thời gian hiển thị nội dung đầu tiên sau khi chuyển sang sử dụng CDN cho nội dung
  • Kích thước tải trọng phản hồi giảm đối với 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 cho lệnh gọi API của bên thứ ba trong thời gian 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 số liệu của riêng mình. 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ố đã điền để có thêm tùy chọn, chẳng hạn như thay thế hoặc xóa chỉ số.

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

  • 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 số liệu là sự giải thích về phần trăm thay đổi.
  • Theo mặc định, bảng số liệu hiển thị giá trị phân vị thứ 75 của số liệu, phù hợp với Core Web Vitals . Nếu bạn muốn xem các phân khúc 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 trăm khác từ menu thả xuống ở đầu trang tổng quan.

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

Hầu hết các số liệu đều có hướng xu hướng mong muốn, do đó, bảng số liệu sử dụng màu sắc để hiển thị diễn giải xem dữ liệu của số liệu đang có xu hướng theo 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 tăng lên thì bảng số liệu sẽ hiển thị phần trăm thay đổi của số liệu đó bằng màu đỏ, thu hút sự chú ý đến một vấn đề có thể xảy ra. Tuy nhiên, nếu giá trị giảm hoặc không thay đổi thì bảng số liệu sẽ hiển thị phần trăm tương ứng bằng màu xanh lục hoặc màu xám.

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

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

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

  • đường đứt nét màu xanh nhạt — giá trị của số liệu 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 đồ trong 7 ngày qua và di chuột qua ngày 30 tháng 8 thì đường đứt nét màu xanh nhạt sẽ cho bạn biết giá trị của số liệu vào ngày 23 tháng 8.



Xem dấu vết và dữ liệu của họ

Bạn có thể xem tất cả dấu vết cho ứng dụng của mình trong bảng dấu vết ở cuối Bảng điều khiển hiệu suất . Bảng này nhóm từng loại dấu vết trong một tab phụ thích hợp. Ví dụ: tất 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ị giá trị cho một số số liệu hàng đầu cho từng dấu vết, cùng với phần trăm thay đổi cho giá trị của từng số liệu. Các giá trị này được tính toán dựa trên các lựa chọn phân vị 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ị là 75% và phạm vi thời gian là 7 ngày qua thì giá trị của số liệu 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 số liệu 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 số liệu hoặc theo phần trăm thay đổi đối với một số liệu 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ả số liệu và dữ liệu của một dấu vết cụ thể, hãy nhấp vào tên dấu 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 cho 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 làm nổi 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 sự cố tiềm ẩn về hiệu suất, chẳng hạn như trong các trường hợp sau:

  • Bạn chọn các số liệu 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ị vùng delta lớn nhất ở trên cùng và bạn thấy phần trăm thay đổi đáng kể.
  • Bạn nhận được thông báo qua email thông báo cho bạn về vấn đề hiệu suất.

Bạn có thể truy cập trang xử lý sự cố theo những cách sau:

  • Trên trang tổng quan chỉ số, hãy nhấp vào nút Xem chi tiết chỉ số .
  • Trên bất kỳ thẻ số liệu 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 thông báo qua email, hãy nhấp vào Điều tra ngay .

Khi bạn nhấp vào tên dấu vết trong bảng dấu vết, bạn có thể xem chi tiết các số liệu quan tâm. Nhấn 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 tác độ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ả số liệu được thu thập để theo dõi

Sau khi nhấp vào dấu vết, bạn có thể xem chi tiết các số liệu 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ồikích thước tải trọng 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 lần hiển thị đầu tiên , lần hiển thị 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 biểu đồ phân phối Giám sát hiệu suất Firebase

Bạn có thể tìm thấy bản tóm tắt hiệu suất cho chỉ số đã chọn ngay bên dưới tab chỉ số. Điều này bao gồm phần tổng quan bằng một câu về xu hướng của số liệu theo thời gian và biểu đồ để trực quan hóa việc phân bổ 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 bối cảnh 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 quốc gia đó có ả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ừ danh sách thuộc tính thả xuống.
  2. Trong bảng, 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 thời điểm thời gian phản hồi của mạng ở các quốc gia đó chậm lại.
  4. Để điều tra thêm nguyên nhân cốt lõi của vấn đề về thời gian phản hồi của 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 đài và thiết bị).