Để 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 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 bảng điều khiển của bạn
Để tìm hiểu xem các chỉ số chính của bạn đang có xu hướng như thế nào, hãy thêm chúng vào bảng chỉ số của bạn ở đầu Bảng điều khiển hiệu suất . Bạn có thể nhanh chóng xác định 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.
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 vẽ 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 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 trong thời gian ngừng hoạt động của hệ sinh thái
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 chỉ số quan trọng đối với mình, trong khi các thành viên dự án khác có thể theo dõi các bộ chỉ số chính hoàn toàn khác trên bảng của riêng họ.
Để thêm một chỉ số vào bảng chỉ số của bạn, hãy làm theo các bước sau:
- Chuyển đến bảng điều khiển Hiệu suất trong bảng điều khiển Firebase.
- Nhấp vào một thẻ chỉ số trống, sau đó chọn một chỉ số hiện có để thêm vào bảng của bạn.
- 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 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 phần trăm thay đổi 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 khoảng 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à cách giải thích 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ố, 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ừ danh sách 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 chỉ số đều có hướng xu hướng mong muốn, vì vậy, bảng chỉ số sử dụng màu sắc để hiển thị diễn giải liệu 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 đỏ, thu hút 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ị phần trăm tương ứng bằng màu xanh lá cây hoặc màu xám.
Nếu một số liệu không có hướng 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.
Các đường liền nét và nét đứt có nghĩa là gì?
đường liền màu xanh đậm — giá trị của số liệu theo thời gian
đường đứt nét màu xanh lam 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à bạn di chuột qua ngày 30 tháng 8, thì đường nét đứt màu lam 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 con 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 theo dõi hiển thị các giá trị cho một số chỉ số hàng đầu cho từng theo dõi, cùng với phần trăm thay đổi đối với giá trị của từng chỉ số. Các giá trị này được tính toán dựa trên các 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ị 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 từng tab con theo giá trị của chỉ số hoặc theo phần trăm thay đổi đối với một chỉ số cụ thể. Điều này có thể giúp bạn nhanh chóng xác định các sự cố tiềm ẩn trong ứng dụng của mình.
Để xem tất cả các số liệu và dữ liệu cho 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 một 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 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 đề 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 bảng điều khiển và bạn nhận thấy một đồng bằng lớn.
- Trong bảng theo dõi, bạn sắp xếp để hiển thị vùng đồng bằng lớn nhất ở trên cùng và bạn sẽ 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 khắc phục sự cố theo các cách sau:
- Trên bảng điều khiển số liệu, nhấp vào nút Xem chi tiết số liệu .
- 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ề chỉ số bạn đã chọn.
- Trong bảng theo dõi, hãy nhấp vào tên theo dõi hoặc bất kỳ giá trị chỉ số 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 một tên theo dõi trong bảng theo dõi, khi đó bạn có thể đi sâu vào các số liệu quan tâm. Nhấn nút bộ lọc để lọc dữ liệu theo thuộc tính, ví dụ:
- 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ả các số liệu đã thu thập cho một dấu vết
Khi bạn nhấp vào một dấu vết, bạn có thể đi sâu vào 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ồi và kích thước tải trọng phản hồi .
- Dấu vết mã tùy chỉnh — Tab chỉ số Thời lượng luôn có sẵn (chỉ số mặc định cho loại theo dõi này). Nếu bạn đã thêm bất kỳ chỉ số tùy chỉnh nào vào theo dõi mã tùy chỉnh, thì các tab chỉ số đó 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 vẽ đầu tiên , lần vẽ nội dung đầu tiên , độ trễ đầu vào đầu tiên và các sự kiện liên quan đến DOM.
Bạn có thể tìm thấy tóm tắt hiệu suất cho chỉ số đã chọn ngay bên dưới các tab chỉ số. Điều này bao gồm tổng quan 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 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 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 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:
- Chọn Quốc gia từ menu thả xuống thuộc tính.
- 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.
- 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 chuột 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 chậm lại ở các quốc gia đó.
- Để đ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 đài và thiết bị).