Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

Web Vitals

Philip Walton

Ngày xuất bản: 4 tháng 5 năm 2020, Cập nhật gần đây nhất: 31 tháng 10 năm 2024

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.

Tổng quan

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

Trong những năm qua, Google đã cung cấp một số công cụ để đo lường và báo cáo 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 lại thấy việc có quá nhiều công cụ và chỉ số là một thách thức.

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

Core Web Vitals

Core Web Vitals là một nhóm Web Vitals áp dụng cho mọi trang web, mọi chủ sở hữu trang web đều nên đ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 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 Core Web Vitals sẽ phát triển theo thời gian. Nhóm 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: thời gian tải, tính tương tác và độ ổn định của hình ảnh, đồng thời bao gồm các chỉ số sau (và các ngưỡng tương ứng):

Đề xuất về ngưỡng Nội dung lớn nhất hiển thị

Đề 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ỹ

Thời gian hiển thị nội dung lớn nhất (LCP): đo lường hiệu suất tải. Để mang lại trải nghiệm tốt cho người dùng, LCP phải xảy ra trong vòng 2,5 giây kể từ khi trang bắt đầu tải.
Lượt tương tác đến nội dung hiển thị tiếp theo (INP): đo lường tính tương tác. Để mang lại trải nghiệm tốt cho người dùng, các trang phải có INP là 200 mili giây trở xuống.
Mức thay đổi bố cục tích luỹ (CLS): đo lường độ ổn định của hình ảnh. Để mang lại trải nghiệm tốt cho người dùng, các trang phải duy trì CLS là 0,1 trở xuống.

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

Các công cụ đánh giá việc tuân thủ Core Web Vitals sẽ xem xét một trang đạt yêu cầu nếu trang đó đáp ứng các mục tiêu được đề xuất ở phân vị thứ 75 cho cả 3 chỉ số trong Core Web Vitals.

Vòng đời

Các chỉ số trên bản theo dõi Core Web Vitals trải qua một vòng đời gồm 3 giai đoạn: thử nghiệm, đang chờ xử lý và ổn định.

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

Chỉ số thử nghiệm là Core Web Vitals tiềm năng vẫn có thể đ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.
Chỉ số đang chờ xử lý là Core Web Vitals trong tương lai đã vượt qua giai đoạn thử nghiệm và phản hồi, đồng thời có một tiến trình được xác định rõ ràng để trở nên ổn định.
Chỉ số ổn định là nhóm chỉ số hiện tại trong Core Web Vitals mà Chrome coi là cần thiết để 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 ở các giai đoạn sau trong vòng đời:

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

Thử nghiệm

Khi một chỉ số được phát triển ban đầu và tham gia 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à bằng cách khám phá vấn đề cần giải quyết và có thể lặp lại những vấn đề mà các chỉ số trước đó có thể chưa giải quyết được. Ví dụ: Lượt tương tác đến nội dung hiển thị tiếp theo (INP) ban đầu được phát triển dưới dạng chỉ số thử nghiệm để giải quyết các vấn đề về hiệu suất thời gian chạy hiện có trên web một cách toàn diện hơn so với Độ trễ đầu vào đầu tiên (FID).

Giai đoạn thử nghiệm của vòng đời Core Web Vitals cũng nhằm mục đích mang lại sự 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í khám phá các 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 được đủ ý kiến phản hồi và chứng minh được hiệu quả của mình, 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 lên trạng thái đang chờ xử lý vào năm 2023 với ý định cuối cùng là ngừng sử dụng FID.

Các chỉ số đang chờ xử lý được giữ ở giai đoạn này trong tối thiểu 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 của 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 một chỉ số ứng cử viên trong Các chỉ số quan trọng về trang web được hoàn thiện, chỉ số đó sẽ trở thành chỉ số ổn định. Đây là thời điểm chỉ số đó có thể trở thành một chỉ số quan trọng về trang web.

Các chỉ số ổn định được hỗ trợ tích cực và có thể phải sửa lỗi và thay đổi định nghĩa. Các chỉ số ổn định trong Core Web Vitals sẽ không thay đổi quá một lần mỗi năm. Mọi thay đổi đối với một chỉ số quan trọng về 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ố đó. Core Web Vitals cũng được đưa vào mọi bài đánh giá.

Các công cụ để đo lường và báo cáo Core Web Vitals

Google tin rằng Core Web Vitals là yếu tố quan trọng đối với mọi trải nghiệm trên web. Do đó, Google 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ợ Core Web Vitals.

Các công cụ thực tế để đo lường Core Web Vitals

Báo cáo trải nghiệm người dùng trên Chrome thu thập dữ liệu đo lường ẩn danh của người dùng thực cho từng chỉ số quan trọng về 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 của họ mà không cần họ tự động hoá hoạt động phân tích trên các trang của mình, đồng thời hỗ trợ các công cụ như Chrome DevTools, PageSpeed Insights, và báo cáo Các chỉ số quan trọng về trang web của Search Console.

	LCP	INP	CLS
Báo cáo trải nghiệm người dùng trên Chrome
Chrome DevTools
PageSpeed Insights
Search Console (báo cáo Core Web Vitals)

Dữ liệu do Báo cáo trải nghiệm người dùng trên Chrome cung cấp là một cách nhanh chóng để đánh giá hiệu suất của các 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, theo dõi và nhanh chóng phản ứng với các trường hợp hồi quy một cách chính xác. Do đó, các trang web nên thiết lập hệ thống giám sát người dùng thực của riêng mình.

Đo lường Core Web Vitals trong JavaScript

Bạn có thể đo lường từng chỉ số trong Core Web Vitals bằng 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ả Core Web Vitals là sử dụng thư viện JavaScript web-vitals, một trình bao bọc nhỏ, sẵn sàng cho quá trình phát hành công khai 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 được liệt kê trước đó báo cáo.

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. Xem tài liệu để biết thông tin chi tiết đầy đủ về cách sử dụng và API.

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 đị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 dữ liệu đó để xem các trang của bạn có đáp ứng 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 có hỗ trợ tích hợp cho các chỉ số trong Core Web Vitals, nhưng ngay cả những nhà cung cấp không hỗ trợ cũng nên bao gồm các tính năng cơ bản về chỉ số tùy chỉnh cho phép bạn đo lường Core Web Vitals trong công cụ của họ.

Các nhà phát triển muốn đo lường trực tiếp các chỉ số này bằng cách sử dụng các API web cơ bản có thể sử dụng các hướng dẫn về chỉ số nà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ụ số liệu phân tích phổ biến hoặc các công cụ số liệu 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 Web Vitals trong thực tế.

Các công cụ trong phòng thí nghiệm để đo lường Core Web Vitals

Mặc dù tất cả Core Web Vitals đều là chỉ số thực tế, nhưng nhiều chỉ số trong số đó cũng có thể đo lường trong phòng thí nghiệm.

Đo lường trong phòng thí nghiệm là cách tốt nhất để kiểm tra 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 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 Core Web Vitals trong môi trường phòng thí nghiệm:

	LCP	INP	CLS
Chrome DevTools
Lighthouse		(use TBT instead)

Mặc dù việc đ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 tuyệt vời, nhưng không thể thay thế việc đo lường trong 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ị người dùng, điều kiện 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 từng chỉ số trong Core Web Vitals có thể bị ảnh hưởng bởi lượt tương tác của người dùng. Chỉ có việc đo lường trong thực tế mới có thể ghi lại chính xác bức tranh toàn cảnh.

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

Các hướng dẫn sau đây đưa ra các đề xuất cụ thể về cách tối ưu hoá các trang của bạn cho từng chỉ số trong Core Web Vitals:

Có nhiều cách để cải thiện Core Web Vitals và mỗi phương pháp đều có mức tác động, mức độ liên quan và mức độ dễ sử dụng khác nhau trong mọi tình huống. Hãy tham khảo bài viết Những cách hiệu quả nhất để cải thiện Core Web Vitals để xem 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ù Core Web Vitals là các 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.

Các chỉ số khác này có thể đóng vai trò là chỉ số proxy hoặc chỉ số bổ sung cho 3 chỉ số Core Web Vitals để giúp ghi lại phần lớn hơn của 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 cho byte đầu tiên (TTFB) và Nội dung đầu tiên hiển thị (FCP) đều là các 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ủ chậm 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ố 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, chỉ số này không thuộc nhóm Core Web Vitals vì không thể đo lường trong thực tế, cũng như không phản ánh kết quả tập trung vào người dùng.

Thay đổi đối với Web Vitals

Web Vitals và Core Web Vitals đại diện cho các 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, nhưng các tín hiệu này không hoàn hảo và bạn nên kỳ vọng vào những cải tiến hoặc bổ sung trong tương lai.

Core Web Vitals có liên quan đến tất cả các trang web và xuất hiện trên 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 nên kỳ vọng các định nghĩa và ngưỡng của Các chỉ số quan trọng về trang web sẽ ổn định, đồng thời các bản cập nhật sẽ có thông báo trước và nhịp độ hàng năm có thể dự đoán được.

Các chỉ số Web Vitals khác thường dành riêng cho bối cảnh hoặc công cụ và có thể mang tính thử nghiệm hơn Core Web Vitals. Do đó, định nghĩa và ngưỡng của các chỉ số này có thể thay đổi với tần suất cao hơn.

Đối với tất cả Web Vitals, các thay đổi sẽ được ghi lại rõ ràng trong CHANGELOG công khai này.