Các chỉ số Core Web Vitals và ngưỡng đánh giá 2024

[Lướt Web]

Core Web Vitals là bộ chỉ số do Google định nghĩa để đánh giá trải nghiệm người dùng và hiệu suất trang web. Bài viết này giải thích ba chỉ số chính, ngưỡng đánh giá và cách kiểm tra, giám sát để cải thiện điểm số lâu dài.

Google dùng Core Web Vitals để giúp đội ngũ marketing và phát triển tối ưu trải nghiệm người dùng và hiệu suất trang web. Những chỉ số này cũng được dùng như một tín hiệu xếp hạng tìm kiếm, vì vậy cải thiện Core Web Vitals có thể ảnh hưởng đến thứ hạng trang.

Ba chỉ số Core Web Vitals (tính đến 2024) gồm: LCP, CLS và INP. Google từng sử dụng FID (First Input Delay) nhưng đã thay bằng INP từ 2024 để đánh giá phản hồi tương tác người dùng.

LCP (Largest Contentful Paint) đo thời gian hiển thị phần nội dung chính của trang sau khi mở. LCP phản ánh trải nghiệm tải ban đầu; các yếu tố ảnh hưởng gồm thời gian phản hồi máy chủ, tài nguyên chặn render (CSS/JS), và tối ưu ảnh.

Ngưỡng đánh giá LCP:
Good: ≤ 2.5s
Needs Improvement: 2.5s – 4.0s
Poor: > 4.0s

CLS (Cumulative Layout Shift) đo mức độ dịch chuyển bố cục khi trang đã hiển thị. Nếu giao diện không ổn định, người dùng có thể bị nhấn nhầm hoặc cảm thấy bất tiện. Layout shift có thể xảy ra ngay khi tải trang hoặc sau khi nội dung tải muộn/nhờ tương tác.

Ngưỡng đánh giá CLS:
Good: 0.25

INP (Interaction to Next Paint) đo độ trễ phản hồi khi người dùng tương tác với trang — tức thời gian từ hành động đến khi trang render lại khung hình tiếp theo. INP thay thế FID để phản ánh chính xác hơn trải nghiệm tương tác thực tế.

Ngưỡng đánh giá INP:
Good: ≤ 200ms
Needs Improvement: 200ms – 500ms
Poor: > 500ms

Có nhiều cách để kiểm tra Core Web Vitals. Công cụ phổ biến gồm PageSpeed Insights (dùng dữ liệu CrUX và Lighthouse), Lighthouse trong DevTools, cũng như các dịch vụ kiểm tra hiệu suất như DebugBear. Bài kiểm tra lab (Lighthouse) cho chẩn đoán chi tiết, còn dữ liệu trường (CrUX / RUM) phản ánh trải nghiệm người dùng thực tế.

Để cải thiện điểm số và đảm bảo duy trì lâu dài, bạn cần cả kiểm tra lab và giám sát thực tế (real user monitoring). Giám sát liên tục cho phép xác nhận thay đổi có hiệu quả, cảnh báo khi hiệu suất suy giảm, và so sánh với đối thủ. RUM yêu cầu cài script trên site để thu thập dữ liệu thực từ người dùng.

Một số bước tối ưu cơ bản: giảm thời gian phản hồi máy chủ, tối ưu và lazy-load hình ảnh, giảm tài nguyên chặn render, đặt kích thước cho ảnh và iframe để tránh layout shift, và tối ưu các script gây chậm tương tác. Kết hợp kiểm tra waterfall request và khuyến nghị hiệu suất sẽ giúp bạn xác định điểm nghẽn cụ thể.

Nguồn: https://www.debugbear.com/docs/core-web-vitals-metrics