Mục lục bài viết
Khách du lịch mở website của bạn trên điện thoại, bằng 4G, thường giữa lúc đang di chuyển. Nếu ảnh bìa mất năm giây mới hiện, nút đặt chỗ nhảy vị trí khi họ định bấm, hoặc menu phản hồi chậm, họ quay lại trang kết quả và chọn đối thủ.
Core Web Vitals là ba chỉ số Google dùng để đo chính những trải nghiệm đó. Bài viết giải thích từng chỉ số bằng ngôn ngữ của chủ doanh nghiệp, ngưỡng cần đạt, và những lỗi thường gặp nhất trên website spa, khách sạn, nhà hàng, tour.
Ba chỉ số và ngưỡng “tốt”
Theo web.dev, một trang đạt Core Web Vitals khi ít nhất 75% lượt truy cập thực tế nằm trong ngưỡng “tốt” của cả ba chỉ số.
| Chỉ số | Đo điều gì | Ngưỡng tốt |
|---|---|---|
| LCP — Largest Contentful Paint | Thời gian phần nội dung lớn nhất (thường là ảnh bìa) hiện ra | ≤ 2,5 giây |
| INP — Interaction to Next Paint | Độ trễ từ lúc bấm/chạm đến khi trang phản hồi | ≤ 200 mili giây |
| CLS — Cumulative Layout Shift | Mức độ bố cục bị xê dịch bất ngờ khi tải | ≤ 0,1 |
LCP: ảnh bìa là thủ phạm số một
Website du lịch thường mở đầu bằng một ảnh lớn — phòng resort, bàn hải sản, bãi biển. Ảnh đó chính là phần tử LCP. Ảnh 5MB chụp từ máy ảnh, không nén, không đúng kích thước là lý do phổ biến nhất khiến LCP vượt 4 giây.
Cách xử lý: xuất ảnh đúng kích thước hiển thị, dùng định dạng hiện đại như WebP hoặc AVIF, đánh dấu ảnh bìa là ưu tiên tải, và không đặt ảnh bìa trong slider tự chạy.
- Ảnh bìa dưới khoảng 200KB sau khi nén
- Dùng thẻ ảnh có nhiều kích thước (srcset) cho điện thoại và máy tính
- Ưu tiên tải ảnh bìa, trì hoãn ảnh bên dưới màn hình đầu
- Tránh slider và video tự phát ở màn hình đầu trên điện thoại
CLS: nút “Đặt ngay” nhảy khỏi ngón tay
CLS cao khi các phần tử xuất hiện muộn và đẩy nội dung xuống: banner khuyến mãi chèn trên cùng, ảnh không khai báo kích thước, font chữ thay đổi sau khi tải, widget chat chiếm chỗ. Với người dùng, cảm giác là “bấm nhầm”.
Luôn khai báo chiều rộng – chiều cao (hoặc tỷ lệ khung hình) cho ảnh và khung nhúng, dành sẵn chỗ cho banner, và cho các nút liên hệ nổi đè lên nội dung thay vì chen vào bố cục.
INP: trang “đơ” vì quá nhiều script
INP kém thường do JavaScript: nhiều plugin theo dõi, widget chat, bản đồ, hiệu ứng động chạy cùng lúc. Mỗi thứ nhỏ, nhưng cộng lại khiến trình duyệt bận và phản hồi chậm khi khách bấm menu hay mở form.
Rà soát từng script: cái nào không đo lường hay chuyển đổi được thì bỏ. Tải bản đồ và widget chat khi người dùng cần, không phải ngay khi mở trang.
Đo ở đâu và đọc kết quả thế nào
PageSpeed Insights cho hai loại dữ liệu: dữ liệu thực tế từ người dùng Chrome (nếu site đủ lượt truy cập) và dữ liệu phòng thí nghiệm mô phỏng. Hãy ưu tiên dữ liệu thực tế; điểm số tổng chỉ là tham khảo.
Google Search Console có báo cáo Core Web Vitals nhóm các URL theo trạng thái. Khi sửa xong, dữ liệu thực tế cần khoảng 28 ngày để phản ánh đầy đủ vì được tính theo cửa sổ trượt.
Đi tiếp từ nội dung đến hành động
Xem dịch vụ thiết kế website chuyển đổi, các website đã làm hoặc checklist website cho khách Hàn Quốc.
Nguồn và phạm vi thông tin
- web.dev — Core Web Vitals — định nghĩa và ngưỡng LCP, INP, CLS.
- Google — Localized versions (hreflang) — cách khai báo trang đa ngôn ngữ.
- Thiết kế Website Hội An — đơn vị thiết kế website thuộc Công Thiên Agency.
Naver Marketing Agency là dịch vụ độc lập của Công Thiên Agency, không phải đại diện của NAVER Corporation. Số liệu trong bài chỉ gồm những gì kiểm chứng được tại thời điểm viết; nội dung không cam kết thứ hạng hoặc booking.
