Mobile SEO

Core Web Vitals (Mobile)

Bộ ba chỉ số hiệu suất người dùng trên di động: LCP, FID/INP và CLS, ảnh hưởng trực tiếp đến xếp hạng tìm kiếm.

3 lượt xem Cập nhật: 26/05/2026

Core Web Vitals (Mobile) là gì?

Core Web Vitals (Mobile) là bộ ba chỉ số đo lường trải nghiệm người dùng thực tế trên thiết bị di động, do Google xác định và bắt đầu sử dụng làm tín hiệu xếp hạng từ tháng 6/2021. Ba chỉ số này là: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) — thay thế cho First Input Delay (FID) từ năm 2024 — và Cumulative Layout Shift (CLS). Tất cả đều được thu thập từ dữ liệu thực (field data) qua Chrome User Experience Report (CrUX), không phải từ kiểm thử trong phòng lab.

Tại sao quan trọng trong SEO?

Core Web Vitals (Mobile) là một phần của nhóm tín hiệu Page Experience — yếu tố xếp hạng chính thức của Google trên kết quả tìm kiếm di động. Từ tháng 5/2023, INP đã chính thức thay thế FID trong Core Web Vitals, và chỉ số này hiện chiếm vai trò then chốt trong đánh giá khả năng phản hồi của trang khi người dùng tương tác (như nhấn nút, cuộn, nhập liệu). Trang đạt đủ ngưỡng 'tốt' ở cả ba chỉ số có lợi thế rõ rệt về vị trí hiển thị, đặc biệt với các truy vấn cạnh tranh cao hoặc có tính thời sự.

Google khẳng định đây không phải là yếu tố duy nhất quyết định thứ hạng, nhưng là điều kiện tiên quyết để trang web được xem xét công bằng trong môi trường di động — nơi hơn 60% lượt tìm kiếm toàn cầu diễn ra.

Cách hoạt động

Các chỉ số Core Web Vitals (Mobile) được đo từ dữ liệu thực tế của người dùng thật (field data), thông qua trình duyệt Chrome trên thiết bị Android và iOS. Dữ liệu được tổng hợp hàng tháng vào báo cáo CrUX và tích hợp vào Google Search Console (GSC). Mỗi chỉ số phản ánh một khía cạnh riêng:

  • LCP: Đo thời gian tải nội dung lớn nhất trong khung nhìn ban đầu (ví dụ: ảnh bìa, tiêu đề lớn, khối video). Đơn vị: mili giây (ms).
  • INP: Đo độ trễ giữa hành động đầu tiên của người dùng (click, chạm, phím) và thời điểm giao diện phản hồi rõ ràng (vẽ lại pixel). Đơn vị: ms. Giá trị INP được lấy từ giá trị xấu nhất trong suốt phiên tương tác, không phải trung bình.
  • CLS: Đo mức độ dịch chuyển bất ngờ của các phần tử khi trang đang tải (ví dụ: quảng cáo nhảy xuống, ảnh chưa đặt kích thước khiến văn bản đẩy lên). Đơn vị: không có đơn vị — là chỉ số tỷ lệ (0.00–1.00+).

Hướng dẫn thực hiện

Để cải thiện Core Web Vitals trên di động, cần tiếp cận theo từng chỉ số, kết hợp tối ưu kỹ thuật và thiết kế UX:

  1. Tối ưu LCP < 2500 ms:
    • Dùng định dạng ảnh hiệu quả (WebP/AVIF), nén và lazy-load ảnh ngoài khung nhìn.
    • Loại bỏ render-blocking JavaScript/CSS không cần thiết ở đầu trang.
    • Áp dụng preconnect hoặc preload cho font, CDN, hoặc tài nguyên quan trọng.
    • Đảm bảo máy chủ phản hồi nhanh (TTFB < 200 ms) — kiểm tra qua PageSpeed Insights hoặc WebPageTest.
  2. Giảm INP < 200 ms:
    • Chia nhỏ các tác vụ JavaScript dài (> 50 ms) thành các chunk nhỏ hơn bằng setTimeout hoặc queueMicrotask.
    • Tránh chạy xử lý nặng trong event handler (ví dụ: tính toán phức tạp khi nhấn nút).
    • Sử dụng passive: true cho các sự kiện cuộn hoặc chạm không cần ngăn mặc định.
    • Thay thế các thư viện nặng bằng phiên bản nhẹ (ví dụ: Lite-Youtube-Embed thay cho iframe YouTube đầy đủ).
  3. Giữ CLS < 0.1:
    • Đặt kích thước cố định (width/height) cho mọi ảnh, video, iframe.
    • Tránh chèn nội dung động phía trên nội dung hiện có (ví dụ: banner cookie xuất hiện sau khi trang đã render).
    • Không thêm font mới sau khi trang đã hiển thị — dùng font-display: swap và preload font quan trọng.
    • Kiểm tra layout shift bằng công cụ Layout Instability API trong DevTools.

Lỗi thường gặp

Chỉ số Lỗi phổ biến Cách khắc phục
LCP Ảnh hero không được nén, thiếu srcset, không lazy-load đúng cách Dùng <img loading="eager"> cho ảnh trên cùng; áp dụng responsive images với sizes và srcset; kiểm tra qua Lighthouse.
INP JavaScript xử lý sự kiện kéo dài > 300 ms (ví dụ: cập nhật DOM hàng loạt sau click) Phân tán công việc bằng requestIdleCallback; tách logic cập nhật UI khỏi xử lý nghiệp vụ; dùng virtualization cho danh sách dài.
CLS Quảng cáo hoặc widget mạng xã hội chèn vào giữa luồng đọc Đặt vùng cố định (container có height/min-height); tải widget sau khi người dùng cuộn gần đến; dùng loading="lazy" và data-ad-format="auto" cho AdSense.

Ví dụ thực tế

Một trang tin tức Việt Nam (mobile-first) từng có LCP = 4.2s, INP = 480ms, CLS = 0.27. Sau 3 tuần tối ưu:

  • Chuyển ảnh bài viết sang AVIF + tự động resize theo chiều rộng màn hình → LCP giảm còn 1.9s.
  • Viết lại hàm xử lý nút “Đọc tiếp” để tránh reflow DOM hàng loạt → INP giảm còn 142ms.
  • Đặt min-height: 300px cho khối quảng cáo dưới tiêu đề + preload CSS cho widget Facebook → CLS giảm còn 0.06.

Kết quả: Tỷ lệ nhấp (CTR) từ tìm kiếm tăng 22%, thời gian ở trang tăng 35%, và vị trí trung bình trên mobile cải thiện từ #7,2 lên #4,1 trong 60 ngày.

Câu hỏi thường gặp

Core Web Vitals (Mobile) có khác gì so với phiên bản desktop?

Có. Dữ liệu field được thu thập riêng biệt theo nền tảng. Thiết bị di động thường có mạng chậm hơn, CPU yếu hơn và màn hình nhỏ hơn — nên ngưỡng 'tốt' nghiêm ngặt hơn (ví dụ: LCP < 2500 ms trên mobile, trong khi desktop là < 2500 ms nhưng dễ đạt hơn). Một trang đạt chuẩn trên desktop chưa chắc đạt trên mobile.

Google có phạt trang không đạt Core Web Vitals không?

Không có hình phạt trực tiếp. Nhưng trang không đạt sẽ bị mất lợi thế xếp hạng trước các đối thủ cùng chủ đề đã tối ưu. Trong thực tế, nhiều trang rơi khỏi top 3 sau khi đối thủ cải thiện INP và CLS — dù nội dung không đổi.

Có thể kiểm tra Core Web Vitals (Mobile) ở đâu?

Ưu tiên dùng Google Search Console > Báo cáo Trải nghiệm trang > Di động — vì đây là dữ liệu field thực. Kết hợp với Lighthouse (chế độ Mobile, Device Emulation bật) để kiểm tra lab data. Lưu ý: Lighthouse không đo INP nếu không có tương tác người dùng — cần dùng Chrome DevTools > Performance tab > ghi lại phiên tương tác để phân tích INP chi tiết.