Web Vitals (LCP, CLS, INP) tối ưu thế nào?

Web Vitals là ba chỉ số chính mà Google dùng để đánh giá trải nghiệm người dùng thực tế trên website. LCP (Largest Contentful Paint) đo thời gian hiển thị phần tử lớn nhất, cần dưới 2.5 giây — tối ưu bằng cách preload hero image, inline critical CSS, và giảm server response time.

CLS (Cumulative Layout Shift) đo mức độ nhảy layout, cần dưới 0.1 — khắc phục bằng cách luôn set width/height cho images, reserve space cho quảng cáo và dynamic content, dùng font-display: swap để tránh font gây layout shift.

INP (Interaction to Next Paint) đo độ phản hồi khi user tương tác, cần dưới 200ms — cải thiện bằng cách break long tasks thành chunks nhỏ hơn, defer non-critical JavaScript, và dùng Web Workers cho tính toán nặng. Đo các chỉ số này bằng Chrome DevTools tab Performance hoặc thư viện web-vitals trong code.