Công nghệ

Core Web Vitals cho website doanh nghiệp: LCP, INP, CLS và cách sửa thực tế

Đo Core Web Vitals của website doanh nghiệp trên máy tính và điện thoại
Ảnh minh hoạ tạo bằng AI

Website đạt Core Web Vitals khi ít nhất 75% lượt xem trang có LCP từ 2,5 giây trở xuống, INP từ 200 mili giây trở xuống và CLS từ 0,1 trở xuống, theo ngưỡng do Google công bố trên web.dev. Ba chỉ số này đo ba cảm giác của người dùng: trang hiện nội dung chính nhanh không, bấm vào có phản hồi ngay không, và bố cục có nhảy lung tung khi đang đọc không.

Ba chỉ số, giải thích bằng tình huống thật

Chỉ số Đo cái gì Tốt Cần cải thiện Kém
LCP (Largest Contentful Paint) Thời gian phần nội dung lớn trên màn hình đầu tiên hiện ra ≤ 2,5 giây 2,5 đến 4 giây > 4 giây
INP (Interaction to Next Paint) Độ trễ từ lúc bấm, chạm, gõ đến khi màn hình phản hồi ≤ 200 ms 200 đến 500 ms > 500 ms
CLS (Cumulative Layout Shift) Mức bố cục bị xê dịch bất ngờ ≤ 0,1 0,1 đến 0,25 > 0,25
  • LCP kém: khách vào trang chủ, thấy khung trắng hoặc chữ nhưng ảnh banner lớn mãi mới hiện.
  • INP kém: khách bấm nút “Đặt ngay” hoặc mở menu trên điện thoại, một lúc sau mới có phản ứng, nên bấm thêm lần nữa.
  • CLS kém: khách định bấm vào một liên kết thì quảng cáo hoặc ảnh tải xong đẩy nội dung xuống, bấm nhầm chỗ khác.

INP đã thay thế FID (First Input Delay) làm chỉ số chính thức từ ngày 12/3/2024. Nếu bạn đọc tài liệu cũ còn nhắc FID, đó là thông tin đã lỗi thời.

Dữ liệu thực tế và dữ liệu đo thử khác nhau thế nào?

Đây là chỗ gây nhầm lẫn nhiều khi doanh nghiệp tự kiểm tra website.

  • Dữ liệu thực tế (field data) lấy từ người dùng Chrome thật, đồng ý chia sẻ dữ liệu (báo cáo CrUX). Google dùng dữ liệu này để đánh giá đạt hay không đạt, ở phân vị 75. Bạn xem trong Google Search Console (mục Chỉ số Thiết yếu về Web) hoặc phần trên cùng của PageSpeed Insights.
  • Dữ liệu đo thử (lab data) là một lần chạy giả lập, ví dụ điểm hiệu năng trên PageSpeed Insights. Hữu ích để tìm nguyên nhân, nhưng không phải kết quả chính thức.

Website ít truy cập có thể chưa đủ dữ liệu thực tế. Khi đó, bạn dựa vào đo thử và kiểm tra trên điện thoại tầm trung với mạng 4G, vì đó là thiết bị phổ biến của khách hàng Việt.

Cách sửa thường gặp trên website WordPress

Sửa LCP

  1. Xác định ảnh LCP (thường là banner đầu trang hoặc ảnh sản phẩm đầu tiên) và đừng để nó tải lười (lazy-load).
  2. Nén ảnh, dùng định dạng WebP hoặc AVIF, đúng kích thước hiển thị. Ảnh 4000 px cho khung 800 px là lãng phí phổ biến.
  3. Bật bộ nhớ đệm trang để máy chủ không phải dựng lại HTML cho mỗi lượt xem.
  4. Giảm thời gian phản hồi máy chủ: phiên bản PHP mới, bộ nhớ đệm đối tượng, máy chủ đủ tài nguyên. Xem bài hosting hay VPS.
  5. Phông chữ: tự lưu phông trên máy chủ, chỉ nạp các độ đậm thực sự dùng, có bộ ký tự tiếng Việt.

Sửa INP

  1. Gỡ plugin không dùng, nhất là plugin nạp JavaScript trên mọi trang dù chỉ dùng ở một trang.
  2. Trì hoãn mã bên thứ ba như khung chat, mã theo dõi quảng cáo, cho tới khi trang đã tương tác được.
  3. Kiểm tra menu, bộ lọc sản phẩm trên điện thoại, nơi INP hay kém do máy yếu.

Sửa CLS

  1. Khai báo kích thước (width, height) cho ảnh, video, khung nhúng.
  2. Chừa sẵn chỗ cho banner, quảng cáo, thông báo cookie thay vì để chúng chen vào sau.
  3. Tránh chèn nội dung lên đầu trang sau khi trang đã hiện, ví dụ thanh khuyến mại xuất hiện muộn.

Kinh nghiệm từ các website HVSC đang vận hành

Khi tối ưu tốc độ cho các website WordPress trên máy chủ do HVSC quản trị, những việc mang lại thay đổi rõ thường không phải các tinh chỉnh phức tạp mà là:

  • Sửa đúng ảnh đầu trang (ảnh LCP) trên trang chủ: tải ưu tiên, đúng kích thước.
  • Nén lại toàn bộ thư viện ảnh cũ, chạy nền vào giờ ít truy cập để không làm chậm website.
  • Bật HTTP/2 và đặt thời gian lưu cache dài cho ảnh, phông chữ, tệp CSS, JS.
  • Sau mỗi thay đổi, xoá bộ nhớ đệm trang của đúng các trang bị ảnh hưởng, rồi đo lại.

Chúng tôi không đưa con số “trước, sau” vì mỗi website xuất phát điểm khác nhau. Cách đáng tin là đo website của chính bạn trước khi sửa, sửa từng nhóm, và đợi dữ liệu thực tế cập nhật (thường mất vài tuần) để xác nhận.

Checklist kiểm tra hằng tháng

  • Mở Search Console, xem báo cáo Chỉ số Thiết yếu về Web cho cả di động và máy tính.
  • Chạy PageSpeed Insights cho trang chủ và ba trang có nhiều lượt truy cập.
  • Kiểm tra ảnh mới tải lên đã được nén chưa.
  • Rà plugin mới cài trong tháng.
  • Thử thao tác chính (tìm kiếm, đặt hàng, gửi form) trên một điện thoại tầm trung.

Tốc độ và tìm kiếm bằng AI

Google cho biết trải nghiệm trang tốt là một trong các thực hành nên duy trì để nội dung đủ điều kiện xuất hiện trong các tính năng AI của Google Tìm kiếm, bên cạnh việc cho phép thu thập dữ liệu và trình bày nội dung chính bằng văn bản. Bạn đọc thêm ở bài viết nội dung để được AI Overviews trích dẫn và checklist SEO 2026.

Cần kiểm tra và tối ưu tốc độ website hiện có, gửi yêu cầu ở trang thiết kế và tối ưu website.

Nguồn tham khảo

  • web.dev, cách xác định ngưỡng Core Web Vitals: https://web.dev/articles/defining-core-web-vitals-thresholds
  • web.dev, INP trở thành Core Web Vital từ 12/3/2024: https://web.dev/blog/inp-cwv-march-12
  • Google Search Central, AI features and your website: https://developers.google.com/search/docs/appearance/ai-features

Cần website, app hoặc phần mềm cho doanh nghiệp?

HVSC bán những hệ thống đã chạy thật, bàn giao kèm vận hành và bảo trì.

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

Core Web Vitals gồm những chỉ số nào?

Hiện có ba chỉ số: LCP (tốc độ hiển thị nội dung chính), INP (độ phản hồi khi người dùng thao tác) và CLS (độ ổn định bố cục). INP thay cho FID từ ngày 12/3/2024.

Điểm PageSpeed 100 có nghĩa là đạt Core Web Vitals không?

Không hẳn. Điểm hiệu năng là kết quả đo thử trong phòng thí nghiệm. Việc đạt hay không được đánh giá trên dữ liệu thực tế từ người dùng Chrome (CrUX), ở phân vị 75.

Website WordPress chậm nên sửa gì trước?

Thường là ảnh đầu trang (ảnh LCP), bộ nhớ đệm trang, phông chữ và các plugin nạp mã JavaScript trên mọi trang. Đo trước để biết chỉ số nào kém rồi mới sửa.

Core Web Vitals có quyết định thứ hạng Google không?

Trải nghiệm trang là một trong nhiều yếu tố. Nội dung hữu ích vẫn là chính, nhưng trang chậm làm khách rời đi trước khi đọc, nên ảnh hưởng cả chuyển đổi lẫn tìm kiếm.