Core Web Vitals là gì? LCP, INP, CLS và cách cải thiện

Core Web Vitals là bộ ba chỉ số Google dùng để đo trải nghiệm thực tế của người dùng trên một trang web: LCP đo tốc độ hiển thị nội dung chính, INP đo độ nhạy khi người dùng tương tác, và CLS đo mức độ ổn định của bố cục khi trang tải. Một trang đạt ngưỡng "Tốt" ở cả ba chỉ số nghĩa là nội dung hiện nhanh, bấm là phản hồi ngay, và không bị xô lệch khiến người dùng bấm nhầm.

Với doanh nghiệp, Core Web Vitals không chỉ là chuyện SEO. Trang chậm, giật làm khách rời đi trước khi đọc đến dịch vụ hay bấm nút liên hệ.

Tóm tắt nhanh

Chỉ số	Đo điều gì	Ngưỡng tốt	Ngưỡng kém
LCP (Largest Contentful Paint)	Thời gian hiển thị phần nội dung lớn nhất trên màn hình	Từ 2,5 giây trở xuống	Trên 4 giây
INP (Interaction to Next Paint)	Độ trễ từ lúc người dùng tương tác đến lúc trang phản hồi	Từ 200 mili giây trở xuống	Trên 500 mili giây
CLS (Cumulative Layout Shift)	Mức độ bố cục bị xô lệch bất ngờ	Từ 0,1 trở xuống	Trên 0,25

Theo hướng dẫn của web.dev, một trang được đánh giá đạt khi 75% lượt truy cập thực tế nằm trong ngưỡng tốt. INP thay thế chỉ số FID trong bộ Core Web Vitals từ tháng 3 năm 2024.

Giải thích từng chỉ số

LCP: nội dung chính hiện ra nhanh đến đâu?

LCP là thời điểm phần tử lớn nhất trong khung nhìn đầu tiên hiển thị xong, thường là ảnh banner, ảnh sản phẩm hoặc khối tiêu đề lớn. Người dùng cảm nhận trang "đã tải" khi phần này xuất hiện.

Nguyên nhân LCP chậm thường gặp:

Ảnh banner quá nặng, sai kích thước, định dạng cũ.
Máy chủ phản hồi chậm do hosting yếu hoặc không có bộ nhớ đệm.
Tệp CSS, JavaScript chặn hiển thị.
Slider nhiều ảnh lớn ở đầu trang.

INP: bấm vào có phản hồi ngay không?

INP đo độ trễ giữa thao tác của người dùng, như bấm nút, mở menu, chọn bộ lọc, và lúc trang hiển thị phản hồi. INP xét toàn bộ các tương tác trong suốt lượt truy cập, không chỉ lần đầu.

Nguyên nhân INP kém thường gặp:

Quá nhiều JavaScript chạy cùng lúc, nhất là từ các tiện ích bên thứ ba như chat, mã theo dõi, quảng cáo.
Xử lý nặng trên trình duyệt khi lọc, tìm kiếm.
Trang có quá nhiều phần tử, cây DOM phức tạp.

CLS: bố cục có bị nhảy không?

CLS đo những lần nội dung dịch chuyển bất ngờ, ví dụ đang đọc thì một banner chèn vào đẩy chữ xuống, hoặc định bấm nút "Gọi" thì nút bị đẩy đi và bấm nhầm.

Nguyên nhân CLS cao thường gặp:

Ảnh, video, khung nhúng không khai báo kích thước.
Banner, thông báo cookie, popup chèn vào phía trên nội dung sau khi trang đã hiện.
Phông chữ web tải chậm làm chữ đổi kích thước.

Cách đo Core Web Vitals

Công cụ	Dữ liệu	Dùng khi
PageSpeed Insights	Dữ liệu thực tế của người dùng (nếu đủ lượt truy cập) và dữ liệu đo thử	Kiểm tra nhanh từng trang
Google Search Console, báo cáo Core Web Vitals	Dữ liệu thực tế, nhóm theo loại trang	Theo dõi toàn website theo thời gian
Lighthouse trong Chrome DevTools	Dữ liệu đo thử trong môi trường mô phỏng	Tìm nguyên nhân khi phát triển

Cần phân biệt dữ liệu thực tế (field data) và dữ liệu đo thử (lab data). Google dùng dữ liệu thực tế để đánh giá. Điểm số thử nghiệm cao chưa chắc người dùng thật trải nghiệm tốt, đặc biệt với người dùng điện thoại tầm trung và mạng di động.

Cách cải thiện cho website doanh nghiệp

Hình ảnh

Dùng định dạng nhẹ như WebP hoặc AVIF.
Xuất ảnh đúng kích thước hiển thị, có nhiều kích thước cho từng loại màn hình.
Khai báo chiều rộng, chiều cao cho ảnh để tránh xô lệch.
Ảnh đầu trang tải ưu tiên, ảnh bên dưới tải trễ (lazy load).
Hạn chế slider nhiều ảnh lớn ở đầu trang.

Máy chủ và bộ nhớ đệm

Hosting đủ tài nguyên, máy chủ gần khách hàng mục tiêu.
Bộ nhớ đệm trang và dữ liệu, nén tệp khi truyền.
Dùng CDN cho tệp tĩnh khi có lượng truy cập từ nhiều khu vực.

Mã nguồn và tiện ích bên thứ ba

Rà soát các đoạn mã gắn thêm: chat, theo dõi, quảng cáo, mạng xã hội. Gỡ những gì không còn dùng.
Tải trễ các tiện ích không cần ngay khi trang mở.
Giảm JavaScript không cần thiết, chia nhỏ xử lý nặng.

Bố cục

Dành sẵn chỗ cho banner, thông báo cookie thay vì chèn đẩy nội dung.
Dùng phông chữ có cấu hình hiển thị phù hợp, tải trước phông chính.

Tốc độ ảnh hưởng thế nào đến SEO và GEO?

Google đưa trải nghiệm trang vào các tín hiệu xếp hạng, và Core Web Vitals là một phần của nhóm tín hiệu đó. Tuy vậy, nội dung phù hợp vẫn là yếu tố quan trọng hơn. Một trang chậm nhưng trả lời đúng câu hỏi vẫn có thể xếp hạng, nhưng sẽ mất khách khi họ không chờ được. Google cũng khuyến nghị trải nghiệm trang tốt như một trong các thực hành nên làm để nội dung xuất hiện tốt trong các tính năng AI của Search. Xem bài GEO là gì và checklist website chuẩn SEO.

Câu hỏi thường gặp

Điểm PageSpeed thấp có phải là website bị phạt?

Không. Điểm PageSpeed là điểm đo thử, dùng để tìm vấn đề. Điều Google quan tâm là dữ liệu thực tế của người dùng. Hãy ưu tiên cải thiện các chỉ số đang ở mức "Kém" hoặc "Cần cải thiện" trong báo cáo thực tế.

Website ít truy cập không có dữ liệu thực tế thì sao?

Khi chưa đủ dữ liệu thực tế, dùng dữ liệu đo thử của PageSpeed Insights và Lighthouse để phát hiện vấn đề. Kiểm tra thêm trên điện thoại thật với mạng di động.

Theme đẹp nhiều hiệu ứng có làm chậm website?

Thường là có. Hiệu ứng động, video nền, slider và nhiều phông chữ đều tốn tài nguyên. Hãy chọn hiệu ứng có mục đích, và đo lại sau mỗi lần thêm.

Bao lâu nên kiểm tra Core Web Vitals một lần?

Theo dõi báo cáo trong Search Console hằng tháng, và kiểm tra lại sau mỗi lần thay đổi giao diện, thêm tiện ích bên thứ ba hoặc đổi hosting.

Kết luận

Core Web Vitals biến cảm nhận "web nhanh hay chậm" thành ba con số đo được. Hầu hết vấn đề ở website doanh nghiệp đến từ ảnh nặng, hosting yếu và quá nhiều tiện ích bên thứ ba, đều là những thứ có thể xử lý mà không cần làm lại website.

Gói vận hành Enterprise của Giải Pháp Web có tối ưu tốc độ tải trang (bộ nhớ đệm, nén, dung lượng) trong phạm vi dịch vụ, xem dịch vụ vận hành website. Nếu website của bạn đang chậm, liên hệ lienhe@giaiphapweb.com hoặc hotline 0966 318 336 để được rà soát.

Core Web Vitals là gì? Cách đo và cải thiện tốc độ website