Core Web Vitals là bộ ba chỉ số của Google đo trải nghiệm người dùng thực, là yếu tố SEO ranking từ 2021.
- LCP (Largest Contentful Paint) — tốc độ loading: thời điểm render phần tử lớn nhất trong viewport. Good <2.5s, poor >4s.
- INP (Interaction to Next Paint) — độ phản hồi, thay thế FID từ 3/2024: quan sát tất cả interaction trong phiên nhưng báo cáo giá trị gần-tệ-nhất (interaction chậm nhất, bỏ qua vài outlier) — không phải tổng cộng dồn mọi delay. Good <200ms, poor >500ms.
- CLS (Cumulative Layout Shift) — ổn định thị giác: mức layout shift ngoài ý muốn. Good <0.1, poor >0.25.
Cách đo:
- PageSpeed Insights (field data từ Chrome UX Report + lab data từ Lighthouse) và Search Console Core Web Vitals report.
- Thư viện web-vitals (API callback):
js
import { onLCP, onINP, onCLS } from 'web-vitals'
onLCP(console.log)
onINP(console.log)
onCLS(console.log)Lưu ý: field data (user thật) khác lab data (môi trường kiểm soát) — optimize theo field data.
TTFB và FCP không phải Core Web Vital nhưng là diagnostic metric quan trọng (TTFB ảnh hưởng LCP mạnh).