Core Web Vitals: cách đo và tối ưu LCP, INP, CLS

Core Web Vitals là bộ chỉ số đo trải nghiệm người dùng thực tế mà Google dùng làm yếu tố xếp hạng. Ba chỉ số chính — LCP, INP và CLS — phản ánh tốc độ, độ phản hồi và độ ổn định hình ảnh của trang.

Ba chỉ số Core Web Vitals

LCP — Largest Contentful Paint

Đo thời gian phần tử lớn nhất (thường là ảnh hero hoặc khối text) hiển thị xong. Mục tiêu: dưới 2.5 giây.

INP — Interaction to Next Paint

Thay thế FID từ 2024, đo độ trễ phản hồi khi người dùng tương tác. Mục tiêu: dưới 200ms.

CLS — Cumulative Layout Shift

Đo mức độ "nhảy" layout khi tải. Mục tiêu: dưới 0.1.

Cách tối ưu nhanh

• LCP: nén và preload ảnh hero, dùng CDN, loại bỏ render-blocking CSS/JS.
• INP: chia nhỏ tác vụ JavaScript dài, tránh chạy script nặng khi người dùng vừa tương tác.
• CLS: đặt width/height cho ảnh, chừa không gian cho banner/quảng cáo, tránh chèn nội dung động phía trên.

Đo ở đâu?

Dữ liệu field (người dùng thật) lấy từ Chrome UX Report; dữ liệu lab lấy từ Lighthouse hoặc PageSpeed Insights.

Đo ngay: Kiểm tra tốc độ & Core Web Vitals miễn phí cho bất kỳ URL nào.

Kết luận

Cải thiện Core Web Vitals không chỉ giúp SEO mà còn tăng tỷ lệ chuyển đổi — trang nhanh hơn giữ chân người dùng tốt hơn. Hãy ưu tiên LCP trước vì nó dễ cải thiện và tác động lớn nhất.