Kiểm tra tốc độ website — danh sách Core Web Vitals (LCP, CLS, INP)

Kiểm tra tốc độ website — danh sách Core Web Vitals (LCP, CLS, INP)

Hướng dẫn và danh sách kiểm tra Core Web Vitals (LCP, CLS, INP) cùng các yếu tố ảnh hưởng đến tốc độ website.

Công cụ · Hiệu năng

Tốc độ website được đo bằng Core Web Vitals, ba chỉ số mà Google sử dụng: LCP (tốc độ tải thành phần chính), CLS (độ ổn định của bố cục khi tải) và INP (tốc độ phản hồi khi tương tác). Hướng dẫn này chỉ ra điều gì ảnh hưởng đến từng chỉ số và những gì cần kiểm tra để có website nhanh.

  • LCP (Largest Contentful Paint): thời gian tải thành phần hình ảnh chính. Mục tiêu: dưới 2,5 giây.
  • CLS (Cumulative Layout Shift): độ ổn định bố cục. Mục tiêu: dưới 0,1.
  • INP (Interaction to Next Paint): độ phản hồi khi tương tác. Mục tiêu: dưới 200 ms.
  • Bị ảnh hưởng bởi: dung lượng hình ảnh, phông chữ, script bên ngoài và kích thước được dành sẵn.

Hoạt động như thế nào?

Đo điểm xuất phát bằng công cụ như PageSpeed Insights hoặc Lighthouse — chúng cho bạn điểm LCP, CLS và INP của trang được kiểm tra.

Để có LCP tốt: tối ưu và nén hình ảnh, tải hình ảnh chính (hero) với mức ưu tiên cao và tránh các script chặn hiển thị.

Để có CLS tốt: dành sẵn kích thước cố định cho hình ảnh và quảng cáo, và tải phông chữ với "display: swap" để văn bản không bị nhảy.

Để có INP tốt: giảm lượng JavaScript chạy khi tương tác và hoãn các script không thiết yếu đến sau lần tải đầu tiên.

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

Core Web Vitals là gì?

Core Web Vitals là ba chỉ số trải nghiệm của Google: LCP (tốc độ tải nội dung chính), CLS (độ ổn định thị giác) và INP (độ phản hồi khi tương tác). Chúng là các yếu tố xếp hạng trong tìm kiếm.

Website nên tải nhanh đến mức nào?

Các mục tiêu khuyến nghị là: LCP dưới 2,5 giây, CLS dưới 0,1 và INP dưới 200 mili giây. Trong các giá trị này, Google coi trải nghiệm là "tốt".

Điều gì thường làm website chậm nhất?

Nguyên nhân phổ biến là hình ảnh lớn chưa nén, quá nhiều script bên ngoài (chat, analytics, quảng cáo), phông chữ tải theo kiểu chặn hiển thị và thiếu kích thước được dành sẵn cho hình ảnh, gây dịch chuyển bố cục.

Làm sao để kiểm tra tốc độ website của tôi?

Dùng công cụ miễn phí như Google PageSpeed Insights hoặc Lighthouse (tích hợp trong Chrome). Nhập địa chỉ trang và bạn nhận được điểm Core Web Vitals cùng các khuyến nghị khắc phục cụ thể.

Công cụ liên quan

Xây dựng website của bạn với 4buildsite

Website giới thiệu, cửa hàng trực tuyến hoặc marketplace — được tối ưu cho AI, GEO và SEO ngay từ đầu, không cần agency.

Xem bảng giá →