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: nội dung hiện ra nhanh không, bấm 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ố và ngưỡng đạt
| Chỉ số | Đo cái gì | Tốt | Cần cải thiện | Kém |
|---|---|---|---|---|
| LCP Largest Contentful Paint |
Thời điểm phần tử nội dung lớn nhất hiện ra | ≤ 2,5 giây | 2,5 – 4 giây | > 4 giây |
| INP Interaction to Next Paint |
Độ trễ từ khi người dùng bấm tới khi màn hình phản hồi | ≤ 200 ms | 200 – 500 ms | > 500 ms |
| CLS Cumulative Layout Shift |
Mức độ bố cục xê dịch ngoài ý muốn | ≤ 0,1 | 0,1 – 0,25 | > 0,25 |
Một trang được coi là đạt khi cả ba chỉ số nằm trong ngưỡng tốt ở phân vị thứ 75 của người dùng thật — nghĩa là 3 trên 4 lượt truy cập phải đạt.
LCP kém: nguyên nhân và cách sửa
- Ảnh banner quá nặng. Nén xuống dưới 200KB, dùng WebP, và không đặt loading="lazy" cho ảnh nằm ngay màn hình đầu.
- Máy chủ phản hồi chậm. Nếu thời gian phản hồi đầu tiên trên 600ms, vấn đề nằm ở hosting hoặc thiếu cache, không phải ở giao diện.
- Phông chữ chặn hiển thị. Dùng font-display: swap và nạp trước phông chính.
- CSS hoặc JS chặn kết xuất. Tách phần CSS cần cho màn hình đầu, hoãn phần còn lại.
INP kém: nguyên nhân và cách sửa
- JavaScript làm việc quá lâu trên luồng chính. Chia nhỏ tác vụ, hoãn những gì không cần ngay khi tải.
- Quá nhiều mã theo dõi. Mỗi pixel quảng cáo là một khoản nợ hiệu năng; gỡ những cái không ai còn xem báo cáo.
- Giao diện nặng. Bảng dữ liệu hàng nghìn dòng, hiệu ứng trượt phức tạp, bộ lọc chạy phía trình duyệt — cân nhắc phân trang hoặc xử lý phía máy chủ.
CLS kém: nguyên nhân và cách sửa
- Ảnh không khai báo kích thước. Luôn đặt thuộc tính width và height.
- Quảng cáo hoặc banner chèn động. Dành sẵn chỗ trống đúng kích thước.
- Phông chữ thay đổi làm chữ nhảy. Chọn phông dự phòng có kích thước gần giống phông chính.
- Thông báo cookie đẩy nội dung xuống. Cho nó nổi lên trên thay vì chèn vào dòng chảy trang.
Đo ở đâu
- Google Search Console – mục Core Web Vitals, dữ liệu người dùng thật, gom theo nhóm URL. Đây là nguồn đáng tin nhất.
- PageSpeed Insights – đo nhanh một URL, có cả dữ liệu thật lẫn mô phỏng.
- Chrome DevTools – tab Performance, để tìm chính xác đoạn mã nào gây chậm.
Đo trên máy tính của bạn với mạng cáp quang rồi kết luận "website nhanh mà" là sai lầm phổ biến nhất. Hãy xem số liệu người dùng thật, phần lớn họ đang dùng 4G trên điện thoại tầm trung.
Đáng đầu tư tới đâu?
Đưa cả ba chỉ số về ngưỡng xanh là mục tiêu hợp lý. Vượt qua mốc đó, mỗi phần trăm cải thiện thêm tốn công gấp bội mà thu về rất ít. Nếu website của bạn đang đỏ, dịch vụ tối ưu tốc độ xử lý đúng danh sách trên với cam kết ngưỡng đạt.
Câu hỏi thường gặp
Core Web Vitals ảnh hưởng thứ hạng bao nhiêu?
Nó là một yếu tố xếp hạng nhưng không phải yếu tố lớn. Giá trị thật nằm ở chỗ trang nhanh giữ được khách: tỷ lệ thoát giảm và tỷ lệ chuyển đổi tăng.
Điểm PageSpeed 100 có cần thiết không?
Không. Đạt ngưỡng xanh cho cả ba chỉ số là đủ. Chạy theo 100 điểm thường phải hy sinh tính năng hoặc hình ảnh, không đáng.
Dữ liệu phòng thí nghiệm khác dữ liệu thực tế thế nào?
PageSpeed Insights mô phỏng một thiết bị và một đường truyền cố định. Báo cáo trải nghiệm người dùng thật gom số liệu từ khách của bạn trong 28 ngày — đó mới là cái Google dùng.
Đọc tiếp: Checklist SEO onpage 27 điểm · SEO là gì