Core Web Vitals là bộ chỉ số Google dùng để đo trải nghiệm thật của người dùng trên một trang: trang hiện nội dung chính nhanh không, bấm vào có phản hồi ngay không, bố cục có nhảy lung tung không. Đây là một phần trong các tín hiệu trải nghiệm trang mà Google dùng khi xếp hạng. Bài này giải thích từng chỉ số, cách đọc báo cáo “Đánh giá không đạt” và những việc thường sửa được trên WordPress.
1. Ba chỉ số và ngưỡng đạt
| Chỉ số | Đo cái gì | Tốt | Kém |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Thời gian tới khi phần nội dung lớn nhất trong màn hình đầu (ảnh lớn, khối chữ tiêu đề) hiện ra | ≤ 2,5 giây | > 4 giây |
| INP (Interaction to Next Paint) | Độ trễ từ lúc người dùng bấm, chạm, gõ tới lúc trang phản hồi trên màn hình | ≤ 200 mili giây | > 500 mili giây |
| CLS (Cumulative Layout Shift) | Mức độ bố cục bị xê dịch bất ngờ khi trang đang tải | ≤ 0,1 | > 0,25 |
INP thay cho chỉ số FID cũ từ tháng 3/2024. Một trang “đạt” khi cả ba chỉ số ở mức tốt, tính tại phân vị thứ 75 của lượt truy cập thật, nghĩa là ít nhất 75% lượt xem phải đạt ngưỡng.
2. Dữ liệu thật và điểm phòng thí nghiệm
Đây là chỗ nhiều người nhầm. PageSpeed Insights hiện hai phần:
- “Khám phá trải nghiệm của người dùng thực tế”: dữ liệu thật thu từ người dùng Chrome trong 28 ngày gần nhất (báo cáo CrUX). Đây là phần Google dùng cho Core Web Vitals. Web ít khách có thể không có phần này.
- “Chẩn đoán vấn đề hiệu suất” với điểm 0-100: mô phỏng một lần tải trên điện thoại cấu hình thấp, mạng chậm. Điểm này giúp tìm lỗi nhưng không phải điểm xếp hạng.
Vì thế web có điểm 60 vẫn có thể đạt Core Web Vitals, và ngược lại. Sửa xong, dữ liệu thật cần khoảng 28 ngày để phản ánh đầy đủ.
3. Đọc báo cáo “Đánh giá không đạt”
Trong Search Console, mục Chỉ số quan trọng của trang web nhóm các URL giống nhau và nêu chỉ số nào kém. Báo cáo “Core Web Vitals assessment: Failed” trên PageSpeed nghĩa là ít nhất một trong ba chỉ số chưa đạt. Hãy xem chỉ số nào màu đỏ hoặc vàng rồi sửa đúng chỉ số đó, thay vì cố nâng điểm tổng.
4. Sửa LCP trên WordPress
- Ảnh đầu trang quá nặng: thu nhỏ, chuyển WebP (xem bài tối ưu ảnh WebP).
- Ảnh đầu trang bị tải chậm (lazy load): bỏ lazy load cho ảnh này, thêm thuộc tính
fetchpriority="high". Nhiều plugin cache có tuỳ chọn bỏ qua lazy load cho vài ảnh đầu tiên. - Máy chủ trả trang chậm (TTFB cao): bật cache trang, nâng PHP, xem lại hosting.
- CSS và font chặn hiển thị: giảm số file CSS, tải font trên chính máy chủ, dùng
font-display: swap. - Slider đầu trang: thay bằng ảnh tĩnh.
5. Sửa INP
INP kém nghĩa là trình duyệt bận chạy JavaScript nên không phản hồi kịp khi người dùng bấm.
- Bỏ bớt script bên thứ ba: chat, popup, nhiều mã theo dõi, widget mạng xã hội.
- Hoãn JavaScript không cần ngay (delay JS) trong plugin cache, rồi kiểm tra kỹ menu, giỏ hàng, form.
- Trình dựng trang nặng: tắt các thành phần không dùng, giảm hiệu ứng chuyển động.
- Trang có quá nhiều phần tử (danh mục hàng trăm sản phẩm trên một trang): phân trang lại.
6. Sửa CLS
- Ảnh, video, khung nhúng thiếu kích thước: khai báo
widthvàheightđể trình duyệt giữ chỗ trước. - Banner, thanh thông báo, quảng cáo chèn vào đầu trang sau khi tải: giữ sẵn chỗ hoặc đặt ở cuối.
- Font đổi kích thước khi tải xong: dùng font dự phòng có kích thước gần giống, hoặc thuộc tính
size-adjust. - Thông báo cookie đẩy nội dung xuống: cho nổi đè lên trang thay vì chen vào.
7. Core Web Vitals quan trọng tới đâu
Nội dung đúng thứ người tìm cần vẫn là yếu tố lớn nhất. Core Web Vitals giúp phân hơn kém giữa các trang có nội dung tương đương, và quan trọng hơn là ảnh hưởng tới việc khách có ở lại web hay không. Với web bán hàng, trang chậm trên điện thoại làm mất khách trước cả khi Google kịp đánh giá. Bài website chậm trên điện thoại nói thêm về phần này.
8. Khi nào nên nhờ người làm
Nếu báo cáo Search Console có nhiều nhóm URL không đạt, hoặc INP kém do theme và trình dựng trang, gói tối ưu tốc độ nâng cao (Core Web Vitals) giá 1.900.000đ đến 2.900.000đ xử lý theo từng nhóm trang và theo dõi tới khi dữ liệu thật đạt. Web nhỏ chỉ cần nhanh hơn rõ rệt thì gói tăng tốc cơ bản 990.000đ là đủ.
