Tiện ích Web Vitals hiện cho bạn biết trải nghiệm cục bộ của bạn so với trải nghiệm thực tế của người dùng trong thực tế.
Ngày xuất bản: 2 tháng 7 năm 2021
Chỉ số quan trọng chính của trang web là những chỉ số quan trọng nhất để đo lường nhằm hiểu rõ trải nghiệm của người dùng, vì khi người dùng có trải nghiệm tốt, những điều tốt đẹp sẽ xảy ra! Tiện ích Chỉ số quan trọng chính của trang web cho Chrome là một công cụ trong hộp công cụ Chỉ số quan trọng chính của trang web, giúp bạn xem 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ả phần cứng và chất lượng mạng. Trải nghiệm của bạn khi sử dụng một trang trên máy có thể rất khác với trải nghiệm của phần lớn người dùng. Đó là lý do phiên bản 1.0 của tiện ích Web Vitals có một tính năng mới 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 trên Chrome (CrUX) với các phép đo Chỉ số quan trọng chính về trang web cục bộ. 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 những trang tương tự. Đi kèm với một giao diện người dùng mới lấp lánh và tôi rất vui được cho bạn thấy cách hoạt động của giao diện này.
Dữ liệu thực địa từ CrUX
CrUX là một tập dữ liệu công khai về trải nghiệm của người dùng thực tế trong Chrome. Phiên bản này hỗ trợ một số công cụ quan trọng trong quy trình công việc Core Web Vitals như Search Console và PageSpeed Insights. Dữ liệu thô cho 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 Web Vitals này tích hợp dữ liệu trang và dữ liệu cấp nguồn gốc trên máy tính từ API CrUX.
Dữ liệu về trải nghiệm người dùng được chia thành 3 mức phân loại chất lượng: tốt, cần cải thiện và kém. Các ngưỡng được dùng cho từng điểm xếp hạng được ghi lại trong hướng dẫn cho từng chỉ số trong Chỉ số quan trọng chính của trang web: LCP, FID và CLS. Ví dụ: API CrUX có thể cho bạn biết rằng 16% trải nghiệm của người dùng thực trên một trang nhất định được đánh giá là có LCP dưới 2, 5 giây.
Giao diện người dùng mới của tiện ích
Trong giao diện tiện ích Web Vitals mới, trải nghiệm cục bộ của bạn được xếp chồng lên trên phạm vi phân phối rộng hơn của trải nghiệm người dùng thực tế. Điều này giống như khi bạn ở một nơi rộng lớn như 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 và một ghim có nhãn "BẠN ĐANG Ở ĐÂY" để giúp bạn định hướng và tìm nơi bạn muốn đến.
Phân phối dữ liệu người dùng thực tế từ CrUX được trình bày trên một thanh ngang cho mỗi chỉ số. Các trải nghiệm tại địa phương của bạn sẽ xuất hiện dưới dạng các điểm đơn trên các thanh ngang đó. Vị trí của trải nghiệm cục bộ trên thanh ngang cho biết trải nghiệm đó tương ứng với bản phân phối thực tế của người dùng. Điều này sẽ giúp bạn biết ngay khi trải nghiệm cục bộ của mình rất khác với trải nghiệm của 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 chắn đã có điều gì đó bất thường xảy ra.
Quay lại dữ liệu cấp nguồn gốc
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 vì trang còn quá mới nên chưa được thu thập hoặc vì trang có lưu lượng truy cập không đủ để đưa vào tập dữ liệu. Trong những trường hợp như vậy, tiện ích Web Vitals sẽ quay lại sử dụng dữ liệu chi tiết hơn ở cấp nguồn gốc bất cứ khi nào có thể. 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. Vì vậy, mặc dù có thể không liên quan ngay đến trải nghiệm cụ thể của bạn trên trang, nhưng dữ liệu này vẫn cung cấp một số thông tin chi tiết về trải nghiệm tổng thể của người dùng trên trang web.
Một trường hợp phổ biến khác là thấy thông báo "Đang chờ thông tin đầu vào...". Lý do là FID là chỉ số quan trọng chính duy nhất của trang web yêu cầu đo lường lượt tương tác của người dùng. Vì vậy, tiện ích này 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 đặc biệt
Có một số trường hợp hiếm gặp mà bạn có thể gặp phải khi sử dụng tiện ích này.
Điều này có thể xảy ra do 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 suất của trải nghiệm cục bộ.
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 trong toàn bộ thời gian cho đến khi bạn đưa trang đó lên nền trước. Nếu bạn mất 90 giây để chuyển sang thẻ, thì LCP có thể xuất hiện là 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 bạn về tình trạng tăng cường nhân tạo. Xin lưu ý rằng những loại giá trị LCP không liên quan này sẽ bị bỏ qua trong tập dữ liệu CrUX.
Một trường hợp hiếm gặp cuối cùng cần lưu ý là dành riêng cho FID. Do phụ thuộc vào tương tác của người dùng, nên dữ liệu này có ít 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 đang truy cập vào một trang như vậy, bạn có thể chỉ thấy dữ liệu trường cho LCP và CLS. Để đảm bảo tính toàn diện, bạn cần lưu ý rằng điều tương tự cũng có thể xảy ra với LCP hoặc CLS trong một số ít trường hợp, nhưng vấn đề này chủ yếu chịu ảnh hưởng của FID.
So sánh dữ liệu trường từ điện thoại
Theo mặc định, tất cả dữ liệu trong tiện ích Chỉ số quan trọng của trang web đều tương ứng với trải nghiệm thực tế của người dùng trên máy tính trong hiện trường. Xét cho cùng, tiện ích này chỉ có trên các phiên bản Chrome dành cho máy tính, vì vậy, điều phù hợp nhất là xem cách người dùng trải nghiệm trang hoặc nguồn gốc trong các điều kiện tương tự.
Bạn cũng cần 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ó một chế độ cài đặt nâng cao trên trang Tuỳ chọn để bạn có thể so sánh trải nghiệm cục bộ 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 vào tuỳ chọn So sánh trải nghiệm tại địa phương với dữ liệu trường điện thoại.
Giao diện người dùng sẽ cập nhật ở một số 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 tế có thể rất khác so với trải nghiệm của người dùng máy tính. Vì vậy, hãy sử dụng tính năng này một cách thận trọng.
Tải tiện ích Web Vitals
Để bắt đầu sử dụng phiên bản mới nhất của tiện ích Web Vitals, hãy truy cập vào Cửa hàng Chrome trực tuyến để cài đặt tiện ích đó. Hoặc nếu bạn là người dùng hiện tại của tiện ích này, bạn sẽ được 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 khi sử dụng tiện ích này (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 thông tin này sẽ giúp bạn hiểu rõ hơn về trải nghiệm cục bộ của mình so với các người dùng thực tế khác trong thực tế!
Nguồn hình ảnh: Mark Garlick/Science Photo Library/Getty Images