Cải thiện hiệu suất trang web của bạn với Core Web Vitals. Tìm hiểu cách đo tốc độ tải, tính tương tác và độ ổn định trực quan để mang lại trải nghiệm tốt hơn cho người dùng.
Google đã xác định một bộ số liệu mà chủ sở hữu trang web nên tập trung vào khi tối ưu hóa trải nghiệm trang . Số liệu Core Web Vitals là một phần trong các yếu tố trải nghiệm trang của Google mà tất cả các trang web nên cố gắng đạt được.
Kỳ vọng của người dùng về trải nghiệm web có thể khác nhau tùy theo trang web và bối cảnh, nhưng một số vẫn nhất quán bất kể họ đang ở đâu trên web.
Cụ thể, Google xác định những nhu cầu cốt lõi về trải nghiệm của người dùng như tốc độ tải , tính tương tác và tính ổn định về mặt hình ảnh .
Mục lục
Điểm số Core Web Vitals là gì?
Google khuyến nghị chủ sở hữu trang web có số liệu CWV dưới ngưỡng “tốt” được nêu dưới đây:
| Tên số liệu | Tốt | Kém |
| Largest Contentful Paint (LCP) | ≤2500ms | >4000ms |
| Interaction to Next Paint (INP) | ≤2000ms | >500mx |
| Cumulative Layout Shift (CLS) | ≤1 | >0.25 |
Bất cứ thứ gì ở mức giữa tốt và kém đều được coi là trung bình, cần được cải thiện.
Google giải thích lý do tại sao ba số liệu này lại quan trọng như vậy:
Tất cả các số liệu này đều nắm bắt được những kết quả quan trọng lấy người dùng làm trung tâm, có thể đo lường tại hiện trường và có các công cụ cũng như số liệu chẩn đoán phòng thí nghiệm hỗ trợ.
Ví dụ, trong khi Largest Contentful Paint là số liệu tải hàng đầu, nó cũng phụ thuộc rất nhiều vào First Contentful Paint (FCP) và Time to First Byte (TTFB), những yếu tố vẫn rất quan trọng để theo dõi và cải thiện.
Cách Google đo lường các chỉ số quan trọng của trang web
Báo cáo Google CrUX sử dụng dữ liệu Chrome khi người dùng duyệt trang web để thu thập dữ liệu người dùng thực tế từ thiết bị của họ. Ít nhất 75% lượt xem trang web phải có điểm ‘tốt’ để trang web đáp ứng ngưỡng CWV.
Xin lưu ý rằng nó sử dụng 75% lượt xem trang của toàn bộ trang web, nghĩa là các trang có CWV kém và ít lưu lượng truy cập sẽ không ảnh hưởng đến điểm tổng thể của trang web.
Đây là lý do tại sao bạn có thể thấy các trang web có điểm “tốt” lại có những trang có CWV tệ và ngược lại.
Phương pháp đo lường này đảm bảo rằng số phần trăm lượt truy cập thấp do điều kiện mạng chậm sẽ không làm giảm điểm “tốt” của toàn bộ trang web.
Sau đây là cách đo lường những số liệu đó.
Cách đo lường Core Web Vitals
Google tích hợp khả năng đo lường Core Web Vitals vào nhiều công cụ hiện có của mình.
Core Web Vitals có thể được đo lường bằng các công cụ miễn phí sau:
- PageSpeed Insights.
- Web Vitals Extension.
- Lighthouse.
- CrUX Dashboard.
- Search Console.
- web-vitals.js and GA4
Hãy cùng tìm hiểu cách sử dụng từng công cụ SEO miễn phí này để đo lường Core Web Vitals.
Xem ngay: Google cảnh báo về việc xử lý trang 404 không đúng cách
Thông tin chi tiết về tốc độ trang
PageSpeed Insights cho phép bạn đo lường Core Web Vitals bằng cả dữ liệu phòng thí nghiệm và dữ liệu thực tế có trong báo cáo.
Phần phòng thí nghiệm của báo cáo cung cấp dữ liệu thu thập được từ các thiết bị của người dùng thực tế ở mọi vị trí địa lý và điều kiện mạng khác nhau, trong khi phần thực địa hiển thị dữ liệu từ các thiết bị mô phỏng chỉ sử dụng một thiết bị.
Nếu trang của bạn có ít lượt truy cập hoặc mới, có thể không có đủ dữ liệu lịch sử cho dữ liệu trường để hiển thị báo cáo. Trong trường hợp đó, điểm trường trung bình cho toàn bộ trang web sẽ được sử dụng làm phương án dự phòng nếu có. Nếu không, sẽ không hiển thị dữ liệu.
Sau khi chạy báo cáo, bạn sẽ thấy danh sách các khuyến nghị về cách cải thiện điểm số bên dưới.
Tiện ích mở rộng Web Vitals
Sử dụng công cụ PageSpeed Insights luôn là cách tuyệt vời để gỡ lỗi và kiểm tra hiệu suất, nhưng thường không tiện lợi. Bạn phải mở một tab mới trong trình duyệt và điều hướng khỏi trang, điều này gây mất tập trung.
May mắn thay, có một tiện ích mở rộng có thể cài đặt từ Chrome Web Store, tiện ích này đo các số liệu Core Web Vitals theo thời gian thực trong khi bạn duyệt web và cũng tải dữ liệu thực tế nếu có.
Bên cạnh giao diện người dùng chuẩn này, tiện ích bổ sung này cũng cung cấp nhiều cơ hội gỡ lỗi chi tiết hơn thông qua tab ‘console’ DevTools của trình duyệt.
Gỡ lỗi số liệu Interaction Next Paint khá khó khăn vì nó có thể giảm tại bất kỳ thời điểm nào trong hành trình tương tác của người dùng. Trong PageSpeed Insights, bạn chỉ nhận được giá trị trung bình trên tất cả các tương tác, chứ không phải tương tác nào trên phần tử cụ thể trên trang chậm.
Bằng cách sử dụng tiện ích mở rộng này, bạn có thể tương tác với trang và xác định các thành phần làm giảm số liệu INP bằng cách kiểm tra nhật ký bảng điều khiển. Ví dụ: Bạn có thể nhấp vào các nút và kiểm tra bảng điều khiển để xem tương tác mất bao lâu.
Ngay khi xác định được phần tử nào phản hồi chậm, bạn có thể kiểm tra mã JavaScript để xem có tập lệnh nào đang chặn tương tác không.
Lighthouse
Lighthouse là một công cụ mã nguồn mở mà bạn có thể sử dụng để kiểm tra hiệu suất của trang web, công cụ này cũng có sẵn trong DevTools của Chrome.
Tất cả các báo cáo do Lighthouse cung cấp đều được cập nhật để phản ánh phiên bản mới nhất.
Một lưu ý cần biết là khi chạy Lighthouse trên trình duyệt, nó cũng tải nhiều tài nguyên từ tiện ích mở rộng Chrome của bạn, điều này có thể ảnh hưởng đến số liệu trong báo cáo Lighthouse.
Đó là lý do tại sao tôi đề xuất sử dụng Chrome Canary để gỡ lỗi như một cách thực hành tốt. Chrome Canary có cài đặt riêng biệt với trình duyệt Chrome thông thường của bạn, nơi bạn có thể truy cập các tính năng thử nghiệm. Điều này cho phép bạn kiểm tra trang web của mình bằng các tính năng sẽ được đưa vào các bản phát hành Chrome trong tương lai.
Tôi đã chạy một thử nghiệm nhanh để xem điểm tốc độ trang Lighthouse có thể thay đổi đáng kể như thế nào trong bản cài đặt Canary so với trình duyệt của bạn khi bật tiện ích bổ sung.
Một tính năng quan trọng mà Lighthouse hỗ trợ là đo điểm khi tương tác với trang web và đo mức độ ảnh hưởng của một số tương tác nhất định đến điểm của bạn, đặc biệt là số liệu Tương tác với lần vẽ tiếp theo (INP).
Có thể bạn cần: 10 Cách để Google lập chỉ mục trang web của bạn
CrUX Dashboard
CrUX Dashboard là một tập dữ liệu công khai về dữ liệu trải nghiệm người dùng thực tế trên hàng triệu trang web. Báo cáo Chrome UX đo lường các phiên bản thực tế của tất cả Core Web Vitals, nghĩa là báo cáo dữ liệu thực tế chứ không phải dữ liệu phòng thí nghiệm.
Với PageSpeed Insights, Lighthouse hoặc tiện ích bổ sung Web Vital mà chúng tôi đã thảo luận, giờ đây bạn đã biết cách đo hiệu suất của từng URL. Nhưng làm thế nào để bạn có thể thấy toàn cảnh của một trang web có hàng nghìn URL? Tỷ lệ phần trăm URL có điểm “tốt” hoặc điểm từ vài tháng trước để so sánh là bao nhiêu?
Đây là nơi bảng điều khiển Looker Studio miễn phí của CrUX của Google giúp ích. Bạn có thể kiểm tra các phân khúc và xem dữ liệu lịch sử của mình.
Để thực hiện điều đó, chỉ cần sao chép và dán tên miền của bạn vào trình khởi chạy bảng điều khiển CrUX.
Sau đó, hãy tận hưởng các báo cáo đẹp miễn phí. Đây là một ví dụ báo cáo cho Search Engine Journal trong trường hợp bạn muốn khám phá bảng điều khiển thực tế.
Trong bảng thông tin này, bạn có thể tìm thấy nhiều hơn nữa ngoài số liệu CWV. Nếu bạn không đạt được điểm CWV ‘tốt’ nhưng dữ liệu phòng thí nghiệm cho thấy bạn đáp ứng được tất cả các ngưỡng, có thể là do khách truy cập của bạn có kết nối kém.
Đây chính là lúc báo cáo phân phối kết nối phát huy giá trị cao: Báo cáo có thể giúp bạn hiểu được liệu hiệu suất điểm kém có phải là do sự cố mạng hay không.
Thật không may, bảng thông tin này không cung cấp cho bạn thông tin chi tiết về số liệu CWV theo quốc gia, nhưng có một công cụ miễn phí, treo.sh, mà bạn có thể sử dụng để kiểm tra số liệu hiệu suất theo khu vực địa lý.
Search Console
GSC là một công cụ khác để xem số liệu CWV tổng thể của trang web của bạn.
Báo cáo xác định các nhóm trang cần chú ý dựa trên dữ liệu thực tế từ báo cáo Chrome UX. Nếu bạn mở báo cáo bằng cách nhấp vào liên kết góc trên bên phải, bạn sẽ thấy sự cố của mình được phân tích chi tiết.
Với báo cáo này, hãy lưu ý rằng báo cáo sẽ lấy dữ liệu từ CruX và các URL sẽ bị bỏ qua nếu chúng không có đủ lượng dữ liệu báo cáo tối thiểu, nghĩa là bạn có thể có những trang có số liệu CWV kém không được báo cáo ở đây.
Xem ngay: 13 Bước để tăng khả năng thu thập dữ liệu và lập chỉ mục cho trang web của bạn
Thế còn những số liệu có giá trị khác thì sao?
Mặc dù Core Web Vitals rất quan trọng nhưng đây không phải là số liệu duy nhất về trải nghiệm trang cần tập trung vào.
Đảm bảo trang web của bạn sử dụng HTTPS , thân thiện với thiết bị di động , tránh các quảng cáo xen kẽ gây khó chịu và duy trì sự phân biệt rõ ràng giữa trang web và các yếu tố xếp hạng trải nghiệm trang.
Vì vậy, hãy nghĩ về nó theo quan điểm lấy người dùng làm trung tâm, chứ không chỉ vì nó là một yếu tố xếp hạng.
Ví dụ, xét về mặt chuyển đổi, nếu trang web thương mại điện tử của bạn chậm, khách hàng tiềm năng có thể sẽ rời bỏ bạn và điều này sẽ gây ra tổn thất về doanh thu.
