Tiện ích Các chỉ số quan trọng về trang web hiện cho bạn biết trải nghiệm tại địa phương của bạn có liên quan như thế nào đến trải nghiệm thực tế của người dùng trong lĩnh vực đó.
Các chỉ số quan trọng về trang web là chỉ số quan trọng nhất cần đo lường để hiểu được trải nghiệm của người dùng, vì khi người dùng có trải nghiệm tốt thì điều tốt đẹp sẽ xảy ra! Tiện ích Các chỉ số quan trọng về trang web dành cho Chrome là một công cụ trong hộp công cụ Các chỉ số quan trọng về trang web, cung cấp cho bạn dữ liệu về hiệu suất của các trang bạn truy cập khi duyệt web.
Hiệu suất trang phụ thuộc vào nhiều yếu tố, bao gồm cả chất lượng phần cứng và mạng. Cách bạn trải nghiệm một trang trên máy có thể rất khác so với trải nghiệm của phần lớn người dùng trên trang đó. Đó là lý do phiên bản 1.0 của tiện ích Các chỉ số quan trọng về trang web tích hợp dữ liệu người dùng thực tế từ Báo cáo trải nghiệm người dùng của Chrome (CrUX) với các chỉ số đo lường Các chỉ số quan trọng về trang web tại địa phương của bạn. Tính năng này hiển thị các số liệu đo lường cục bộ của bạn trong bối cảnh người dùng khác trải nghiệm các trang tương tự. Phiên bản này có giao diện người dùng mới và tôi rất vui mừng được giới thiệu với bạn cách thức hoạt động của giao diện này.
Dữ liệu trường qua CrUX
CrUX là một tập dữ liệu công khai về trải nghiệm người dùng thực trên Chrome. Công cụ này hỗ trợ một số công cụ quan trọng trong quy trình làm việc của Các chỉ số quan trọng về trang web như Search Console và PageSpeed Insights. Dữ liệu thô của hàng triệu trang web cũng có thể được truy vấn công khai trong tập dữ liệu CrUX trên BigQuery và API CrUX. Bản cập nhật tiện ích Các chỉ số quan trọng về trang web này tích hợp trang và dữ liệu máy tính ở cấp nguồn gốc từ API CrUX.
Dữ liệu trải nghiệm người dùng được chia thành 3 điểm xếp hạng định tính: tốt, cần cải thiện và kém. Các ngưỡng dùng cho từng mức phân loại được ghi lại trong hướng dẫn cho từng chỉ số Các chỉ số quan trọng về trang web: LCP, FID và CLS. Ví dụ: API CrUX có thể cho bạn biết rằng 16% trải nghiệm người dùng thực tế trên một trang nhất định được đánh giá là có LCP tốt dưới 2, 5 giây.
Giao diện người dùng mới của tiện ích
![Ảnh chụp màn hình của tiện ích Các chỉ số quan trọng về trang web cho thấy nội dung giải thích về mối liên hệ giữa trải nghiệm LCP cục bộ với dữ liệu thực tế trên máy tính của người dùng trong trường.](https://web.dev/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-51820f8a5926b.png?authuser=5&hl=vi)
Trong giao diện tiện ích Chỉ số quan trọng về trang web mới, trải nghiệm cục bộ của bạn được ưu tiên hiển thị trên phạm vi phân phối rộng lớn hơn về trải nghiệm người dùng thực. Điều này giống như khi bạn đang ở một nơi rộng lớn như một trung tâm mua sắm và có một bản đồ lớn với tất cả các cửa hàng cùng một ghim có nhãn "BẠN ĐANG Ở ĐÂY" để giúp bạn định hướng và tìm ra điểm đến của mình.
Dữ liệu phân bổ dữ liệu người dùng thực từ CrUX được trình bày trên thanh ngang cho từng chỉ số. Trải nghiệm cục bộ của bạn được hiển thị dưới dạng các điểm duy nhất trên các thanh ngang đó. Vị trí của trải nghiệm cục bộ trên thanh ngang cho biết vị trí của trải nghiệm đó so với bản phân phối người dùng thực. Điều này sẽ cho thấy rõ ngay khi trải nghiệm cục bộ của bạn rất khác so với trải nghiệm của những người dùng khác. Ví dụ: nếu bạn có trải nghiệm LCP chậm và chỉ 1% người dùng có trải nghiệm tương tự, thì chắc hẳn đã xảy ra điều bất thường.
Quay lại dữ liệu cấp nguồn gốc
![Ảnh chụp màn hình của tiện ích Các chỉ số quan trọng về trang web cho thấy dữ liệu về trường trên máy tính ở cấp nguồn gốc với](https://web.dev/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-0b4109da12477.png?authuser=5&hl=vi)
Một số trang không có dữ liệu cấp URL trong tập dữ liệu CrUX. Điều này có thể xảy ra do trang quá mới nên chưa được chọn hoặc do trang không có đủ lưu lượng truy cập để đưa vào tập dữ liệu. Trong những trường hợp như vậy, bất cứ khi nào có thể, tiện ích Các chỉ số quan trọng về trang web sẽ quay lại sử dụng dữ liệu chi tiết hơn ở cấp nguồn gốc. Dữ liệu này thể hiện trải nghiệm tổng hợp của người dùng trên tất cả các trang của trang web. Do đó, mặc dù dữ liệu này có thể không liên quan ngay đến trải nghiệm trên trang cụ thể của bạn, nhưng vẫn sẽ cung cấp một số thông tin chi tiết về cách người dùng trải nghiệm toàn bộ trang web.
Một trường hợp phổ biến khác là bạn sẽ thấy thông báo "Đang chờ dữ liệu nhập...". Lý do là FID là Chỉ số quan trọng chính duy nhất của trang web cần đo lường hoạt động tương tác của người dùng. Vì vậy, tiện ích sẽ không có dữ liệu FID cục bộ nào để hiển thị cho đến khi bạn tương tác với trang.
Trường hợp hiếm gặp
![Ảnh chụp màn hình của tiện ích Các chỉ số quan trọng về trang web chỉ hiển thị dữ liệu cục bộ; không có dữ liệu trường.](https://web.dev/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-5f733479effd8.png?authuser=5&hl=vi)
Có một số trường hợp ngoại lệ ít phổ biến hơn mà bạn có thể gặp phải trong khi sử dụng tiện ích này.
Có thể xảy ra trường hợp toàn bộ nguồn gốc không có đủ dữ liệu. Trong trường hợp đó, tiện ích này sẽ chỉ cho bạn biết hiệu quả hoạt động của các trải nghiệm địa phương.
Cách bạn tương tác với trang cũng có thể ảnh hưởng đến mức độ liên quan của dữ liệu. Ví dụ: việc tải trang trong thẻ nền sẽ được tính vào chỉ số LCP toàn bộ thời gian cho đến khi bạn đưa trang vào nền trước. Nếu bạn mất 90 giây để chuyển sang thẻ, LCP có thể xuất hiện dưới dạng 91,5 giây. Khi điều này xảy ra, một biểu tượng cảnh báo nhỏ sẽ xuất hiện bên cạnh giá trị LCP để cảnh báo cho bạn về hành vi lạm phát giả tạo. Xin lưu ý rằng các loại giá trị LCP không liên quan sẽ bị bỏ qua trong tập dữ liệu CrUX.
Một trường hợp đặc biệt cuối cùng bạn cần lưu ý là trường hợp cụ thể đối với FID. Vì phụ thuộc vào tương tác của người dùng, nên dữ liệu này ít có khả năng xuất hiện trong tập dữ liệu hơn cho những trang và trang web có ít lượt xem trang hơn. Vì vậy, nếu truy cập vào một trang như vậy, có thể bạn sẽ chỉ thấy dữ liệu thực địa về LCP và CLS. Cần lưu ý rằng tính hoàn chỉnh tương tự có thể xảy ra đối với LCP hoặc CLS trong những trường hợp cực kỳ hiếm, nhưng vấn đề này chủ yếu bị ảnh hưởng bởi FID.
So sánh dữ liệu thực tế từ điện thoại
![Ảnh chụp màn hình của tiện ích Các chỉ số quan trọng về trang web hiển thị các chỉ số cục bộ so với dữ liệu trường trên điện thoại.](https://web.dev/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-76cccedb1613d.png?authuser=5&hl=vi)
Theo mặc định, tất cả dữ liệu trong tiện ích Các chỉ số quan trọng về trang web đều tương ứng với trải nghiệm thực của người dùng trên máy tính khi thực hiện thao tác trên máy tính. Xét cho cùng, tiện ích này chỉ hoạt động trên các phiên bản Chrome dành cho máy tính, vì vậy, cách phù hợp nhất để xem người dùng trải nghiệm trang hoặc nguồn gốc trong những điều kiện tương tự như thế nào.
Điều quan trọng là phải hiểu trải nghiệm của người dùng điện thoại, vì vậy, tiện ích này có cài đặt nâng cao trên trang Tuỳ chọn cho phép bạn xem trải nghiệm cục bộ của bạn như thế nào so với dữ liệu điện thoại từ trường.
Để bật dữ liệu điện thoại trong tiện ích, hãy làm theo các bước sau:
- Nhấp chuột phải vào biểu tượng tiện ích trên thanh công cụ rồi chọn Tuỳ chọn.
- Đánh dấu lựa chọn So sánh trải nghiệm tại địa phương với dữ liệu trường trên điện thoại.
Giao diện người dùng sẽ cập nhật ở một vài nơi để cho biết bạn đang ở chế độ nào. Xin lưu ý rằng trải nghiệm của người dùng điện thoại thực có thể rất khác so với người dùng máy tính để bàn, vì vậy, hãy thận trọng khi sử dụng tính năng này.
Tải tiện ích Các chỉ số quan trọng về trang web
Để bắt đầu sử dụng phiên bản mới nhất của tiện ích Các chỉ số quan trọng về trang web, hãy truy cập vào Cửa hàng Chrome trực tuyến để cài đặt. Hoặc nếu là người đang dùng tiện ích này, bạn nên tự động nâng cấp lên phiên bản 1.0. Nếu bạn có ý kiến phản hồi về trải nghiệm của mình với tiện ích (yêu cầu về tính năng, báo cáo lỗi, v.v.), hãy cho chúng tôi biết trong kho lưu trữ nguồn mở trên GitHub. Tôi hy vọng bài viết này sẽ giúp bạn hiểu rõ hơn về mối liên hệ giữa trải nghiệm tại địa phương của mình với người dùng thực tế khác trong lĩnh vực này!
Nguồn hình ảnh: Mark Garlick/Thư viện ảnh khoa học/Getty Images