Web Vitals

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ủa trang web cần thiết để mang lại trải nghiệm tuyệt vời cho người dùng trên web. Bản phát hành này nhằm đơn giản hoá nhiều loại công cụ đo lường hiệu suất có sẵn và giúp chủ sở hữu trang web tập trung vào những chỉ số quan trọng nhất, đó là Các chỉ số quan trọng về 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 trong các Chỉ số quan trọng về trang web áp dụng cho tất cả các trang web. Các chỉ số quan trọng về trang web này nên được tất cả chủ sở hữu trang web đo lường và xuất hiện trên mọi công cụ của Google. Mỗi Chỉ số quan trọng chính của trang web thể hiện một khía cạnh riêng biệt trong trải nghiệm người dùng, có thể đo lường được trong trường hợp thực tế và phản ánh trải nghiệm thực tế về kết quả lấy người dùng làm trung tâm thiết yếu.

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. Nhóm hiện tại tập trung vào 3 khía cạnh của trải nghiệm người dùng: tải, tính tương tácđộ ổn định của hình ảnh. Báo cáo này bao gồm các chỉ số sau:

Đề 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 Điểm số đề xuất tích luỹ về ngưỡng Thay đổi bố cục

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

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

Vòng đời

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

3 giai đoạn trong vòng đời của các chỉ số Các chỉ số quan trọng về trang web, được minh hoạ dưới dạng chuỗi ba vạch. 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 Các chỉ số quan trọng về trang web.

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

  • Chỉ số thử nghiệm là Các chỉ số quan trọng về trang web tiềm năng. Các chỉ số này có thể vẫn đang trải qua những thay đổi đáng kể tuỳ thuộc vào quá trình thử nghiệm và ý kiến phản hồi của cộng đồng.
  • Các chỉ số đang chờ xử lý là Các chỉ số quan trọng về 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à bộ Các chỉ số quan trọng về trang web hiện tại mà Chrome coi là thiết yếu để mang lại trải nghiệm tuyệt vời cho người dùng.

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

  • LCP (LCP): Chính thức
  • CLS: Ổn định
  • INP: Ổn định

Thử nghiệm

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

Mục đích của giai đoạn thử nghiệm là đánh giá mức độ thích 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 và có thể lặp lại để xem những chỉ số trước đó có thể chưa giải quyết được. Ví dụ: INP ban đầu được giới thiệu làm chỉ số thử nghiệm vào năm 2022 để giải quyết các vấn đề về hiệu suất trong thời gian chạy của web một cách toàn diện hơn so với Thời gian phản hồi lần tương tác đầu tiên (FID).

Giai đoạn thử nghiệm của vòng đời Các chỉ số quan trọng về trang web cũng nhằm mang lại tính linh hoạt trong quá trình phát triển một chỉ số bằng cách xác định lỗi và thậm chí là khám phá các thay đổi đối với định nghĩa ban đầu. Đây cũng là giai đoạn mà ý kiến phản hồi của cộng đồng đóng vai trò 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 được đủ ý kiến phản hồi và chứng minh được tính hiệu quả, chỉ số đó sẽ trở thành chỉ số đang chờ xử lý. Ví dụ: INP đã được nâng cấp 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à gỡ bỏ FID.

Các chỉ số đang chờ xử lý được giữ lại trong giai đoạn này trong tối thiểu 6 tháng để hệ sinh thái 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 bạn hoàn tất chỉ số đề xuất Chỉ số quan trọng chính của trang web, 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 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ố cho Các chỉ số quan trọng về trang web ổn định sẽ chỉ thay đổi 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 về 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á.

Chỉ số ổn định không nhất thiết là vĩnh viễn. Bạn có thể gỡ bỏ và thay thế một chỉ số ổn định bằng một chỉ số khác giúp giải quyết vấn đề một cách hiệu quả hơn. Đây chính xác là những gì đã xảy ra với FID khi INP trở thành Chỉ số quan trọng chính của trang web ổn định vào năm 2024.

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

Google tin rằng Các chỉ số quan trọng về trang web có vai trò quan trọng đối với mọi trải nghiệm web. Do đó, chúng tôi 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 Google. Các phần sau đây trình bày chi tiết những công cụ hỗ trợ Các chỉ số quan trọng về trang web.

Các công cụ tại chỗ để đ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 trên Chrome thu thập dữ liệu đo lường thực tế, ẩn danh của người dùng cho từng Chỉ số quan trọng chính của trang web. Dữ liệu này cho phép chủ sở hữu trang web nhanh chóng đánh giá hiệu suất mà không cần họ tự thiết lập số liệu phân tích cho các trang của mình, đồng thời hỗ trợ các công cụ như PageSpeed Insightsbáo cáo Các chỉ số quan trọng về trang web của Search Console.

  LCP (Thời gian hiển thị nội dung lớn nhất) INP CLS (Mức thay đổi bố cục tích luỹ)
Báo cáo trải nghiệm người dùng trên Chrome
PageSpeed Insights
Search Console (báo cáo Các chỉ số quan trọng về trang web)

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

Đ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 bằng cách sử dụng các API web tiêu 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. Thư viện này là một trình bao bọc API nhỏ, sẵn sàng cho việc phát hành chính thức để đo lường từng chỉ số theo cách khớp chính xác với cách các công cụ của Google báo cáo.

Với thư viện web-vitals, việc đo lường từng chỉ số cũng đơn giản như gọi một hàm duy nhất (xem tài liệu để biết đầy đủ thông tin chi tiết về mức 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 Các chỉ số quan trọng về 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 các trang của bạn có đáp ứng các ngưỡng đề 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ợ Các chỉ số quan trọng về trang web, nhưng ngay cả những nhà cung cấp đó cũng không nên tích hợp các tính năng chỉ số tuỳ chỉnh cơ bản để bạn có thể đo lường Các chỉ số quan trọng về trang web trong công cụ của họ.

Một ví dụ trong số này là Báo cáo Các chỉ số quan trọng về trang web. Báo cáo này cho phép chủ sở hữu trang web đo lường Các chỉ số quan trọng về trang web bằng Google Analytics. Để được hướng dẫn về cách đo lường Các chỉ số quan trọng về trang web bằng các công cụ phân tích khác, hãy xem Các phương pháp hay nhất để đo lường Các chỉ số quan trọng về trang web trong trường hợp thực tế.

Bạn cũng có thể báo cáo về từng Chỉ số quan trọng chính của trang web mà không cần viết bất kỳ mã nào bằng tiện ích Các chỉ số quan trọng về trang web của Chrome. Tiện ích này sử dụng thư viện web-vitals để đo lường từng chỉ số trong số này và hiển thị chúng cho người dùng khi họ duyệt web.

Tiện ích này có thể giúp bạn tìm hiểu hiệu suất của trang web của riêng bạn, trang web của đối thủ cạnh tranh và toàn bộ trang web.

  LCP (Thời gian hiển thị nội dung lớn nhất) INP CLS (Mức thay đổi bố cục tích luỹ)
chỉ số quan trọng trên web
Tiện ích Chỉ số quan trọng của trang web

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

Để được hướng dẫn thêm về cách đo lường những 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 phần Các phương pháp hay nhất để đo lường Các chỉ số quan trọng về trang web tại hiện trường.

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

Mặc dù tất cả Các chỉ số quan trọng về trang web đều là các chỉ số thực tế trước tiên và quan trọng nhất, nhưng nhiều chỉ số trong số này 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. Đây cũng là cách tốt nhất để phát hiện sự hồi quy 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 đây để đo lường Các chỉ số quan trọng về trang web trong môi trường phòng thí nghiệm:

  LCP (Thời gian hiển thị nội dung lớn nhất) INP CLS (Mức thay đổi bố cục tích luỹ)
Công cụ của Chrome cho nhà phát triển (sử dụng TBT)
Lighthouse (sử dụng TBT)

Những công cụ như Lighthouse tải trang trong môi trường mô phỏng mà không có người dùng sẽ không thể đo lường INP vì các công cụ này không có hoạt động đầu vào của người dùng. Tuy nhiên, chỉ số Tổng thời gian chặn (TBT) có thể đo lường trong phòng thí nghiệm và là proxy được chấp nhận cho các vấn đề INP có thể do tranh chấp trên luồng chính trong quá trình khởi động. Các phương pháp tối ưu hoá hiệu suất giúp cải thiện TBT trong phòng thí nghiệm sẽ cải thiện INP tại hiện trường. Để biết thêm hướng dẫn, hãy xem bài viết Nội dung đề xuất giúp cải thiện điểm số của bạn.

Mặc dù hoạt động đo lường trong phòng thí nghiệm là một phần thiết yếu trong việc mang lại trải nghiệm chất lượng cao, nhưng phương pháp này không thay thế cho việc đo lường thực tế. Hiệu suất của một trang web có thể thay đổi đáng kể dựa trên khả năng của thiết bị, điều kiện mạng, 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ố Các chỉ số quan trọng về trang web đều có thể bị ảnh hưởng bởi hoạt động tương tác của người dùng. Chỉ phương pháp đo lường thực địa mới có thể chụp được chính xác bức ảnh hoàn chỉnh.

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

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

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à chỉ số quan trọng để hiểu và mang lại trải nghiệm chất lượng cao cho người dùng, nhưng ngoài ra còn có các chỉ số quan trọng khác.

Các Chỉ số quan trọng khác về trang web này thường đóng vai trò là chỉ số proxy hoặc chỉ số bổ sung cho Các chỉ số quan trọng về trang web, giúp ghi lại phần lớn trải nghiệm hoặc hỗ trợ chẩn đoán một vấn đề cụ thể.

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

Tương tự, một chỉ số như Tổng thời gian chặn (TBT) là một chỉ số phòng thí nghiệm quan trọng để 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, báo cáo này không thuộc Bộ Chỉ số quan trọng chính của trang web vì chỉ số này không đo lường được theo trường và không phản ánh kết quả lấy người dùng làm trung tâm.

Thay đổi đối với Các chỉ số quan trọng về trang web

Các chỉ số quan trọng về trang web và Chỉ số quan trọng chính của trang web là những tín hiệu tốt nhất mà nhà phát triển hiện có để đo lường chất lượng trải nghiệm trên web. Tuy nhiên, những tín hiệu này chưa hoàn hảo và chúng tôi nên kỳ vọng các điểm cải tiến hoặc bổ sung trong tương lai.

Các chỉ số quan trọng về trang web có liên quan đến mọi trang web cũng như xuất hiện nổi bật trong các công cụ có liên quan của Google. Vì những thay đổi đối với các chỉ số này có tác động sâu rộng, nhà phát triển cần phải kỳ vọng rằng định nghĩa và ngưỡng của Các chỉ số quan trọng về trang web ổn định, cũng như thông báo trước và lịch cập nhật 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ụ, và có thể mang tính thử nghiệm nhiều hơn so với Các chỉ số quan trọng về trang web. Do đó, định nghĩa và ngưỡng của các thuật toán này có thể thay đổi theo 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 đều được ghi nhận trong nhật ký thay đổi công khai này.