Web Vitals

Ngày xuất bản: 4/5/2020

Việc tối ưu hoá chất lượng của trải nghiệm người dùng là yếu tố then chốt cho thành công dài hạn của bất kỳ trang web nào. Dù bạn là chủ doanh nghiệp, nhà tiếp thị hay nhà phát triển, Các chỉ số quan trọng về trang web có thể giúp bạn đánh giá trải nghiệm trên trang web của mình và xác định các cơ hội cải thiện.

Các chỉ số quan trọng về trang web là một sáng kiến của Google nhằm cung cấp hướng dẫn thống nhất về các tín hiệu chất lượng cần thiết để mang lại trải nghiệm tuyệt vời cho người dùng trên web.

Những năm qua, Google đã cung cấp một số công cụ giúp đo lường và báo cáo về hiệu suất. Một số nhà phát triển là chuyên gia sử dụng các công cụ này, trong khi những người khác thấy khó theo kịp sự phong phú của cả công cụ và chỉ số.

Chủ sở hữu trang web không cần phải là chuyên gia về hiệu suất mới có thể hiểu được chất lượng trải nghiệm mà họ mang đến cho người dùng. Sáng kiến Chỉ số quan trọng về trang web nhằm đơn giản hoá tình hình và giúp các trang web tập trung vào những chỉ số quan trọng nhất, đó là Chỉ số quan trọng chính của trang web.

Các chỉ số quan trọng về trang web

Các chỉ số quan trọng về trang web là một nhóm chỉ số quan trọng áp dụng cho mọi trang web, mà tất cả chủ sở hữu trang web đều phải đo lường và sẽ xuất hiện trên tất cả các công cụ của Google. Mỗi chỉ số trong Các chỉ số quan trọng về trang web đại diện cho một khía cạnh nhất định trong trải nghiệm của người dùng, có thể đo lường được trong thực tế và phản ánh trải nghiệm thực tế của một kết quả quan trọng tập trung vào người dùng.

Các chỉ số tạo nên Các chỉ số quan trọng về trang web sẽ phát triển theo thời gian. Bộ chỉ số hiện tại tập trung vào 3 khía cạnh của trải nghiệm người dùng là tải, tương tácđộ ổn định về hình ảnh, đồng thời bao gồm các chỉ số sau (và ngưỡng tương ứng):

Đề xuất về ngưỡng Thời gian hiển thị nội dung lớn nhất Đề xuất về ngưỡng Lượt tương tác đến nội dung hiển thị tiếp theo Đề xuất về ngưỡng Mức thay đổi bố cục tích luỹ

Để đảm bảo bạn đang đạt được mục tiêu đề xuất cho các chỉ số này đối với hầu hết người dùng, ngưỡng phù hợp để đo lường là phân vị thứ 75 của số lượt tải trang, được phân đoạn theo thiết bị di động và máy tính.

Các công cụ đánh giá việc tuân thủ Các chỉ số quan trọng về trang web phải xem xét một trang đạt nếu trang đó đáp ứng các mục tiêu đề xuất ở phân vị thứ 75 cho cả 3 chỉ số trong Các chỉ số quan trọng về trang web.

Vòng đời

Các chỉ số trên kênh Chỉ số quan trọng chính của trang web sẽ trải qua vòng đời gồm 3 giai đoạn: thử nghiệm, đang chờ xử lý và ổn định.

Ba giai đoạn trong vòng đời của các chỉ số Core Web Vitals, được minh hoạ dưới dạng một loạt ba dấu mũi tên ngược. Từ trái sang phải, các giai đoạn là Thử nghiệm, Đang chờ xử lý và Ổn định.
Các giai đoạn trong vòng đời của Chỉ số quan trọng chính của trang web.

Mỗi giai đoạn được thiết kế để cho nhà phát triển biết cách họ nên suy nghĩ về từng chỉ số:

  • Chỉ số thử nghiệm là các chỉ số quan trọng chính của trang web trong tương lai và có thể vẫn đang trải qua những thay đổi đáng kể tuỳ thuộc vào thử nghiệm và ý kiến phản hồi của cộng đồng.
  • Chỉ số đang chờ xử lý là các chỉ số quan trọng chính của trang web trong tương lai đã vượt qua giai đoạn thử nghiệm và phản hồi, đồng thời có tiến trình rõ ràng để trở nên ổn định.
  • Chỉ số ổn định là nhóm chỉ số hiện tại trong Các chỉ số quan trọng về trang web mà Chrome coi là cần thiết để mang lại trải nghiệm người dùng tuyệt vời.

Các chỉ số quan trọng về trang web đang ở các giai đoạn sau trong vòng đời:

  • LCP: Ổn định
  • CLS: Ổn định
  • INP: Ổn định

Thử nghiệm

Khi được phát triển ban đầu và đưa vào hệ sinh thái, chỉ số được coi là chỉ số thử nghiệm.

Mục đích của giai đoạn thử nghiệm là đánh giá mức độ phù hợp của một chỉ số, trước tiên là tìm hiểu vấn đề cần giải quyết, sau đó có thể lặp lại những thử nghiệm mà các chỉ số trước đó có thể chưa giải quyết được. Ví dụ: Ban đầu, Lượt tương tác với nội dung hiển thị tiếp theo (INP) được phát triển dưới dạng chỉ số thử nghiệm để giải quyết một cách toàn diện hơn các vấn đề về hiệu suất trong thời gian chạy trên web so với Độ trễ đầu vào đầu tiên (FID).

Giai đoạn thử nghiệm của vòng đời Chỉ số quan trọng chính của trang web cũng nhằm mang lại sự linh hoạt trong quá trình phát triển chỉ số bằng cách xác định lỗi và thậm chí là khám phá những thay đổi đối với định nghĩa ban đầu của chỉ số. Đây cũng là giai đoạn mà ý kiến phản hồi của cộng đồng quan trọng nhất.

Đang chờ xử lý

Khi nhóm Chrome xác định rằng một chỉ số thử nghiệm đã nhận đủ ý kiến phản hồi và chứng minh được hiệu quả của chỉ số đó, thì chỉ số đó sẽ trở thành chỉ số đang chờ xử lý. Ví dụ: INP được chuyển từ trạng thái thử nghiệm sang trạng thái đang chờ xử lý vào năm 2023 với mục đích cuối cùng là ngừng sử dụng FID.

Các chỉ số đang chờ xử lý sẽ được giữ lại trong giai đoạn này ít nhất 6 tháng để hệ sinh thái có thời gian thích ứng. Ý kiến phản hồi của cộng đồng vẫn là một khía cạnh quan trọng trong giai đoạn này vì ngày càng có nhiều nhà phát triển bắt đầu sử dụng chỉ số này.

Ổn định

Khi chỉ số đề xuất Chỉ số quan trọng chính của trang web được hoàn tất, chỉ số đó sẽ trở thành chỉ số ổn định. Đây là thời điểm chỉ số này có thể trở thành một Chỉ số quan trọng chính của trang web.

Các chỉ số ổn định được hỗ trợ tích cực và có thể được sửa lỗi cũng như thay đổi định nghĩa. Các chỉ số Core Web Vitals ổn định sẽ không thay đổi nhiều hơn một lần mỗi năm. Mọi thay đổi đối với Chỉ số quan trọng chính của trang web sẽ được thông báo rõ ràng trong tài liệu chính thức của chỉ số đó, cũng như trong nhật ký thay đổi của chỉ số. Các chỉ số quan trọng về trang web cũng được đưa vào mọi bài đánh giá.

Công cụ đo lường và báo cáo Chỉ số quan trọng chính của trang web

Google cho rằng Các chỉ số quan trọng về trang web là yếu tố quan trọng đối với mọi trải nghiệm trên web. Do đó, Google Ads cam kết hiển thị các chỉ số này trong tất cả các công cụ phổ biến của mình. Các phần sau đây trình bày chi tiết về những công cụ hỗ trợ Chỉ số quan trọng chính của trang web.

Công cụ thực địa để đo lường Các chỉ số quan trọng về trang web

Báo cáo trải nghiệm người dùng của Chrome thu thập dữ liệu đo lường người dùng thực tế, ẩn danh cho từng chỉ số quan trọng về trang web. Dữ liệu này giúp chủ sở hữu trang web nhanh chóng đánh giá hiệu suất mà không cần phải đo lường số liệu phân tích trên các trang của họ theo cách thủ công, đồng thời hỗ trợ các công cụ như Chrome DevTools, PageSpeed Insightsbáo cáo Core Web Vitals của Search Console.

  LCP (Thời gian hiển thị nội dung lớn nhất) INP CLS (Điểm số tổng hợp về mức thay đổi bố cục)
Báo cáo trải nghiệm người dùng trên Chrome
Công cụ của Chrome cho nhà phát triển
PageSpeed Insights
Search Console (báo cáo Chỉ số quan trọng chính của trang web)

Dữ liệu do Báo cáo trải nghiệm người dùng Chrome cung cấp là một cách nhanh chóng để đánh giá hiệu suất của trang web, nhưng không cung cấp thông tin đo từ xa chi tiết theo mỗi lượt xem trang. Thông tin này thường cần thiết để chẩn đoán, theo dõi và nhanh chóng phản ứng với các vấn đề hồi quy. Do đó, các trang web nên thiết lập tính năng giám sát người dùng thực của riêng mình.

Đo lường Các chỉ số quan trọng về trang web trong JavaScript

Bạn có thể đo lường từng Chỉ số quan trọng chính của trang web trong JavaScript thông qua các API web chuẩn.

Cách dễ nhất để đo lường tất cả các chỉ số quan trọng về trang web là sử dụng thư viện JavaScript web-vitals, một trình bao bọc nhỏ, sẵn sàng cho sản xuất xung quanh các API web cơ bản đo lường từng chỉ số theo cách khớp chính xác với cách tất cả các công cụ của Google báo cáo các chỉ số đó như đã liệt kê ở trên.

Với thư viện web-vitals, bạn có thể đo lường từng chỉ số bằng cách gọi một hàm duy nhất. Hãy xem tài liệu để biết thông tin chi tiết đầy đủ về cách sử dụngAPI.

import {onCLS, onINP, onLCP} from 'web-vitals';

function sendToAnalytics(metric) {
  const body = JSON.stringify(metric);
  // Use `navigator.sendBeacon()` if available, falling back to `fetch()`.
  (navigator.sendBeacon && navigator.sendBeacon('/analytics', body)) ||
    fetch('/analytics', {body, method: 'POST', keepalive: true});
}

onCLS(sendToAnalytics);
onINP(sendToAnalytics);
onLCP(sendToAnalytics);

Sau khi bạn định cấu hình trang web để sử dụng thư viện web-vitals nhằm đo lường và gửi dữ liệu Chỉ số quan trọng chính của trang web đến một điểm cuối phân tích, bước tiếp theo là tổng hợp và báo cáo về dữ liệu đó để xem liệu các trang của bạn có đáp ứng các ngưỡng được đề xuất cho ít nhất 75% số lượt truy cập trang hay không.

Mặc dù một số nhà cung cấp dịch vụ phân tích tích hợp sẵn tính năng hỗ trợ cho các chỉ số Core Web Vitals, nhưng ngay cả những nhà cung cấp không tích hợp sẵn tính năng này cũng phải có các tính năng chỉ số tuỳ chỉnh cơ bản cho phép bạn đo lường Core Web Vitals trong công cụ của họ.

Những nhà phát triển muốn đo lường trực tiếp các chỉ số này bằng API web cơ bản có thể sử dụng các hướng dẫn về chỉ số sau đây để biết thông tin chi tiết về cách triển khai:

Để biết thêm hướng dẫn về cách đo lường các chỉ số này bằng các dịch vụ phân tích phổ biến hoặc công cụ phân tích nội bộ của riêng bạn, hãy xem bài viết Các phương pháp hay nhất để đo lường Các chỉ số quan trọng về trang web tại thực địa.

Công cụ trong phòng thí nghiệm để đo lường Các chỉ số quan trọng về trang web

Trước tiên, tất cả các chỉ số quan trọng về trang web đều là chỉ số thực địa, nhưng nhiều chỉ số trong số đó cũng có thể đo lường được trong phòng thí nghiệm.

Đo lường trong phòng thí nghiệm là cách tốt nhất để kiểm thử hiệu suất của các tính năng trong quá trình phát triển, trước khi phát hành cho người dùng. Đây cũng là cách tốt nhất để phát hiện các trường hợp hồi quy về hiệu suất trước khi chúng xảy ra.

Bạn có thể sử dụng các công cụ sau để đo lường Các chỉ số quan trọng về trang web trong môi trường thử nghiệm:

  LCP (Thời gian hiển thị nội dung lớn nhất) INP CLS (Điểm số tổng hợp về mức thay đổi bố cục)
Công cụ của Chrome cho nhà phát triển
Lighthouse (hãy sử dụng TBT)

Mặc dù đo lường trong phòng thí nghiệm là một phần thiết yếu để mang lại trải nghiệm tuyệt vời, nhưng phương pháp này không thể thay thế cho đo lường thực địa.

Hiệu suất của một trang web có thể thay đổi đáng kể dựa trên chức năng của thiết bị của người dùng, tình trạng mạng của họ, các quy trình khác có thể đang chạy trên thiết bị và cách họ tương tác với trang. Trên thực tế, điểm số của mỗi chỉ số trong Core Web Vitals có thể chịu ảnh hưởng của hoạt động tương tác của người dùng. Chỉ có phương pháp đo lường thực tế mới có thể nắm bắt chính xác toàn bộ thông tin.

Các đề xuất để cải thiện điểm số của bạn

Các hướng dẫn sau đây đưa ra các đề xuất cụ thể về cách tối ưu hoá trang cho từng Chỉ số quan trọng chính của trang web:

Có nhiều cách để cải thiện Chỉ số quan trọng chính của trang web và mỗi phương pháp đều có mức tác động khác nhau, mức độ liên quan và mức độ dễ sử dụng trong mọi tình huống. Hãy tham khảo bài viết Các cách hiệu quả nhất để cải thiện Chỉ số quan trọng chính của trang web để biết danh sách ngắn các đề xuất hàng đầu của nhóm Chrome.

Các chỉ số quan trọng khác về trang web

Mặc dù Các chỉ số quan trọng về trang web là những chỉ số quan trọng để hiểu và mang lại trải nghiệm tuyệt vời cho người dùng, nhưng vẫn có các chỉ số hỗ trợ khác.

Những chỉ số khác này có thể đóng vai trò là proxy (hoặc chỉ số bổ sung cho 3 Chỉ số quan trọng chính của trang web) nhằm nắm bắt phần lớn trải nghiệm hoặc hỗ trợ chẩn đoán một vấn đề cụ thể.

Ví dụ: các chỉ số Thời gian tải byte đầu tiên (TTFB)Hiển thị nội dung đầu tiên (FCP) đều là những khía cạnh quan trọng của trải nghiệm tải và đều hữu ích trong việc chẩn đoán các vấn đề về LCP (tương ứng là thời gian phản hồi của máy chủ chậm hoặc các tài nguyên chặn kết xuất).

Tương tự, một chỉ số như Tổng thời gian chặn (TBT) là một chỉ số trong phòng thí nghiệm rất quan trọng trong việc phát hiện và chẩn đoán các vấn đề tiềm ẩn về tính tương tác có thể ảnh hưởng đến INP. Tuy nhiên, đây không phải là một phần trong tập hợp Chỉ số quan trọng chính của trang web vì chúng không thể đo lường được trên trường và cũng không phản ánh kết quả lấy người dùng làm trung tâm.

Thay đổi đối với Chỉ số quan trọng về trang web

Web Vitals và Core Web Vitals là những tín hiệu tốt nhất hiện có để nhà phát triển đo lường chất lượng trải nghiệm trên web, nhưng những tín hiệu này chưa hoàn hảo và chúng tôi dự kiến sẽ cải thiện hoặc bổ sung thêm trong tương lai.

Chỉ số quan trọng chính của trang web áp dụng cho mọi trang web và xuất hiện nổi bật trong các công cụ có liên quan của Google. Những thay đổi đối với các chỉ số này sẽ có tác động sâu rộng; do đó, nhà phát triển cần phải biết định nghĩa và ngưỡng của các chỉ số quan trọng về trang web là ổn định, đồng thời các bản cập nhật phải có thông báo trước và có tần suất cập nhật hằng năm, có thể dự đoán được.

Các Chỉ số quan trọng khác về trang web thường dựa trên bối cảnh hoặc công cụ cụ thể, đồng thời có thể mang tính thử nghiệm cao hơn so với Chỉ số quan trọng chính của trang web. Do đó, các định nghĩa và ngưỡng của chúng có thể thay đổi với tần suất lớn hơn.

Đối với tất cả các Chỉ số quan trọng về trang web, các thay đổi sẽ được ghi nhận rõ ràng trong tệp CHANGELOG công khai này.