Ngày xuất bản: 4 tháng 5 năm 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.
Tổng quan
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ề những tín hiệu cần thiết cho biết chất lượng để 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 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 để hiểu được chất lượng trải nghiệm mà họ đang cung cấp 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 và độ ổn định về hình ảnh, đồng thời bao gồm các chỉ số sau (và ngưỡng tương ứng):
- 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ần đầu.
- Lượt tương tác đến nội dung hiển thị tiếp theo (INP): đo lường khả năng 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 từ 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 ở mức 0,1 trở xuống.
Để đả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 Các chỉ số quan trọng về trang web 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ế để 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:
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à 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ể không 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 một chỉ số thử nghiệm để giải quyết các vấn đề về hiệu suất trong thời gian chạy 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 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 đó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 đủ ý 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 một chỉ số đề xuất của Chỉ số quan trọng chính của trang web được hoàn thiện, chỉ số đó sẽ trở thành một 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ố Core Web Vitals 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 Insights và bá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 dữ liệu đo từ xa chi tiết theo mỗi lượt xem trang mà thường cần thiết để chẩn đoán, theo dõi và nhanh chóng phản ứng với các sự cố 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 về trang web bằng JavaScript thông qua 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, 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ụ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 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 trong thực tế.
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.
Đề 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á trang cho từng Chỉ số quan trọng chính của trang web:
Có nhiều cách để cải thiện Các chỉ số quan trọng về trang web 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 cho từng trường hợp. Hãy tham khảo bài viết Các cách hiệu quả nhất để cải thiện Core Web Vitals để 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.
Các chỉ số khác này có thể đóng vai trò là chỉ số đại diện hoặc chỉ số bổ sung cho 3 chỉ số quan trọng chính của trang web để giúp ghi lại một 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 tải byte đầu tiên (TTFB) và 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 (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, chỉ số này không thuộc nhóm Chỉ số quan trọng chính của trang web vì không thể đo lường được trong thực tế và cũng không phản ánh kết quả tập trung vào người dùng.
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 sẽ cải thiện hoặc bổ sung thêm trong tương lai.
Các chỉ số quan trọng về trang web 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 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ố Web Vitals khác thường dành riêng cho ngữ cảnh hoặc công cụ và có thể mang tính thử nghiệm hơn so với Chỉ số quan trọng chính của trang web. Do đó, định nghĩa và ngưỡng của các chỉ số này có thể thay đổi thường xuyên hơn.
Đối với tất cả các chỉ số Web Vitals, các thay đổi sẽ được ghi lại rõ ràng trong NHẬT KÝ THAY ĐỔI công khai này.