Skip to main content
Path: Web design · Part 10/10
Web design

Core Web Vitals là gì – 3 chỉ số quyết định website nhanh hay chậm

Core Web Vitals là gì? Giải thích dễ hiểu 3 chỉ số LCP, INP, CLS, ngưỡng đạt chuẩn của Google và cách chủ doanh nghiệp tự kiểm tra tốc độ website.

Core Web Vitals là gì – 3 chỉ số quyết định web nhanh hay chậm
In this article (10 sections)
  1. Core Web Vitals là gì và vì sao chủ doanh nghiệp nên quan tâm
  2. 3 chỉ số LCP, INP, CLS giải thích dễ hiểu
  3. LCP – Trang có hiện nội dung chính đủ nhanh không
  4. INP – Bấm vào có phản hồi ngay không
  5. CLS – Bố cục có đứng yên không
  6. Điểm PageSpeed Insights bao nhiêu là tốt
  7. Cách tự kiểm tra Core Web Vitals trong 15 phút
  8. Sửa gì trước để cải thiện Core Web Vitals
  9. Câu hỏi thường gặp
  10. Đọc tiếp trong chủ đề: Thiết kế website

Core Web Vitals là gì? Core Web Vitals là bộ 3 chỉ số Google dùng để đo trải nghiệm thật của người dùng khi mở một trang web: LCP (tải nội dung chính nhanh hay chậm), INP (bấm vào có phản hồi ngay không) và CLS (bố cục có bị xô lệch không). Website đạt cả 3 ngưỡng "tốt" thì khách thấy trang nhanh, mượt và dễ dùng hơn.

Nhiều chủ doanh nghiệp hỏi Core Web Vitals là gì khi nhận báo cáo SEO toàn màu đỏ, hoặc khi nghe agency nói "web chậm nên khó lên top". Thực tế, đây không phải một điểm số bí ẩn mà là ba con số đo đúng cảm giác của khách: chờ lâu, bấm không ăn, hay đang đọc thì nội dung nhảy chỗ. Bài này giải thích từng chỉ số bằng ngôn ngữ của người làm kinh doanh, cách tự kiểm tra trong 15 phút và những gì nên yêu cầu đội kỹ thuật sửa trước.

Core Web Vitals là gì và vì sao chủ doanh nghiệp nên quan tâm

Core Web Vitals là một phần của nhóm tín hiệu "trải nghiệm trang" mà Google công bố. Theo tài liệu Core Web Vitals của Google Search Central, Google khuyến nghị chủ website đạt Core Web Vitals tốt để thành công trên Google Search, vì điều này khớp với những gì hệ thống xếp hạng cốt lõi muốn thưởng.

Có hai điểm cần hiểu đúng ngay từ đầu:

  • Core Web Vitals không thay thế nội dung. Một trang nhanh nhưng không trả lời đúng câu hỏi của khách vẫn khó lên top. Google không hứa trang đạt chuẩn sẽ có thứ hạng cao.
  • Core Web Vitals ảnh hưởng trực tiếp tới khách đang ở trên trang. Khách vào trang sản phẩm của một cửa hàng bán lẻ, chờ ảnh hiện quá lâu hoặc bấm nút "Thêm vào giỏ" mà không thấy gì xảy ra, họ thường quay lại kết quả tìm kiếm. Đây là phần doanh nghiệp mất ngay, chưa cần nói tới SEO.

Nói cách khác, tốc độ là điều kiện cần. Nếu website đang có lượt truy cập mà ít người để lại thông tin, nên xem thêm 5 dấu hiệu website đang đuổi khách để biết chậm có phải là thủ phạm chính hay không.

3 chỉ số LCP, INP, CLS giải thích dễ hiểu

3 chỉ số Core Web VitalsMỗi chỉ số đo một cảm giác của khách khi mở trang.Nguồn: x-dmaic.com3 chỉ số Core Web VitalsMỗi chỉ số đo một cảm giác của khách khi mở trang.LCP – Tảinội dungThời gian hiện phần nộidung lớn nhất, nên từ 2,5giây trở xuống.INP – Phản hồiĐộ trễ khi khách bấm,chạm, gõ, nên từ 200 miligiây trở xuống.CLS – Ổn địnhMức xô lệch bố cục khitrang đang tải, nên từ 0,1trở xuống.3 chỉ số Core Web VitalsMỗi chỉ số đo một cảm giác của khách khi mở trang.Nguồn: x-dmaic.com3 chỉ số Core Web VitalsMỗi chỉ số đo một cảm giác của khách khi mở trang.LCP – Tải nội dungThời gian hiện phần nội dung lớn nhất, nên từ2,5 giây trở xuống.INP – Phản hồiĐộ trễ khi khách bấm, chạm, gõ, nên từ 200 miligiây trở xuống.CLS – Ổn địnhMức xô lệch bố cục khi trang đang tải, nên từ0,1 trở xuống.
Mỗi chỉ số đo một cảm giác của khách khi mở trang. · View diagram image

Ngưỡng "tốt" dưới đây lấy theo hướng dẫn Web Vitals trên web.dev của đội Chrome. Google đo ở phân vị thứ 75 của các lượt tải trang, tách riêng điện thoại và máy tính. Hiểu đơn giản: ít nhất 3 trên 4 lượt mở trang phải đạt ngưỡng thì trang mới được xem là tốt.

Chỉ số Đo điều gì Ngưỡng tốt Khách cảm nhận khi kém Thủ phạm thường gặp
LCP (Largest Contentful Paint) Thời gian hiện khối nội dung lớn nhất (ảnh banner, tiêu đề lớn) Từ 2,5 giây trở xuống "Trang trắng lâu quá" Ảnh banner nặng, máy chủ phản hồi chậm, CSS và JavaScript chặn hiển thị
INP (Interaction to Next Paint) Độ trễ từ lúc bấm, chạm, gõ tới lúc màn hình phản hồi Từ 200 mili giây trở xuống "Bấm nút không ăn" JavaScript nặng, quá nhiều plugin, mã theo dõi và khung chat bên thứ ba
CLS (Cumulative Layout Shift) Mức nội dung bị xô lệch khi trang đang tải Từ 0,1 trở xuống "Đang đọc thì chữ nhảy, bấm nhầm nút" Ảnh không khai báo kích thước, banner hay popup chèn đột ngột, font đổi muộn

LCP – Trang có hiện nội dung chính đủ nhanh không

LCP đo thời điểm phần tử lớn nhất trong khung nhìn đầu tiên hiện ra. Với trang chủ một nhà hàng, đó thường là ảnh món ăn lớn; với trang dịch vụ logistics, có thể là tiêu đề và ảnh kho bãi. Khách không quan tâm trang "tải xong 100%" lúc nào, họ quan tâm lúc nào thấy được thứ mình cần.

Nguyên nhân LCP kém phổ biến nhất ở website SME là ảnh banner xuất thẳng từ máy ảnh hoặc từ Canva với dung lượng lớn, cộng thêm hosting giá rẻ phản hồi chậm.

INP – Bấm vào có phản hồi ngay không

INP thay cho chỉ số cũ FID và chính thức trở thành Core Web Vitals từ năm 2024, theo web.dev. Nếu bạn đọc tài liệu cũ thấy nhắc "LCP, FID, CLS" thì FID nay đã được thay bằng INP.

INP kém thường gặp ở website cài nhiều plugin, nhiều mã theo dõi quảng cáo, khung chat, hiệu ứng chuyển động. Khách bán lẻ bấm chọn size, chọn màu mà phải chờ thì rất dễ bỏ giỏ hàng.

CLS – Bố cục có đứng yên không

CLS đo mức nội dung bị đẩy lệch khi trang đang tải. Ví dụ quen thuộc: khách định bấm "Gọi ngay" thì một banner khuyến mãi chèn lên phía trên, nút bị đẩy xuống và khách bấm nhầm vào chỗ khác. Popup và thanh thông báo chèn muộn là nguyên nhân hay gặp; nếu website đang dùng popup, xem cách đặt popup trên website để thu lead mà không làm phiền khách.

Điểm PageSpeed Insights bao nhiêu là tốt

Đây là chỗ nhiều người nhầm nhất. Công cụ PageSpeed Insights hiển thị hai phần:

  1. Dữ liệu người dùng thật (phần đánh giá Core Web Vitals ở trên cùng): lấy từ lượt truy cập thật bằng trình duyệt Chrome. Đây là phần phản ánh Core Web Vitals.
  2. Điểm hiệu suất từ 0 đến 100 (phần chẩn đoán bên dưới): đo trong môi trường giả lập, dùng để tìm nguyên nhân.

Vì vậy, câu hỏi "điểm PageSpeed bao nhiêu là tốt" nên đổi thành "dữ liệu thật đã qua ngưỡng chưa". Một trang có điểm giả lập 70 nhưng dữ liệu thật đạt cả 3 chỉ số vẫn tốt hơn trang đạt 95 điểm trong phòng thí nghiệm mà khách thật vẫn phải chờ. Website mới hoặc ít lượt truy cập có thể chưa có dữ liệu thật; khi đó dùng phần giả lập làm tham khảo và theo dõi dần.

Cách tự kiểm tra Core Web Vitals trong 15 phút

Quy trình kiểm tra Core Web VitalsBốn việc chủ doanh nghiệp tự làm được trước khi gọi kỹ thuật.Nguồn: x-dmaic.comQuy trình kiểm tra Core Web VitalsBốn việc chủ doanh nghiệp tự làm được trước khi gọi kỹ thuật.1234Mở SearchConsoleXem báo cáo Core WebVitals để biết nhóm URLnào kém.Đo trang mẫuDán URL đại diện vàoPageSpeed Insights,xem phần dữ liệu thật.Gọi tênthủ phạmGhi lại chỉ số đỏ và phầntử gây chậm được côngcụ chỉ ra.Sửa rồi đo lạiSửa từng nhóm lỗi, chờdữ liệu thật cập nhật rồiso sánh.Quy trình kiểm tra Core Web VitalsBốn việc chủ doanh nghiệp tự làm được trước khi gọi kỹ thuật.Nguồn: x-dmaic.comQuy trình kiểm tra CoreWeb VitalsBốn việc chủ doanh nghiệp tự làm được trước khi gọikỹ thuật.1234Mở Search ConsoleXem báo cáo Core Web Vitals để biết nhómURL nào kém.Đo trang mẫuDán URL đại diện vào PageSpeed Insights, xemphần dữ liệu thật.Gọi tên thủ phạmGhi lại chỉ số đỏ và phần tử gây chậm đượccông cụ chỉ ra.Sửa rồi đo lạiSửa từng nhóm lỗi, chờ dữ liệu thật cập nhật rồiso sánh.
Bốn việc chủ doanh nghiệp tự làm được trước khi gọi kỹ thuật. · View diagram image

Bước 1. Mở báo cáo Core Web Vitals trong Search Console. Google Search Central khuyên kiểm tra báo cáo này trước tiên. Báo cáo gom các URL giống nhau thành nhóm, nên bạn biết ngay là cả nhóm trang sản phẩm bị chậm hay chỉ trang chủ.

Bước 2. Đo 3 trang đại diện bằng PageSpeed Insights. Chọn trang chủ, một trang dịch vụ hoặc sản phẩm, một bài blog. Luôn xem kết quả trên điện thoại trước, vì nhiều khách tìm bằng điện thoại và đây thường là nơi website kém nhất.

Bước 3. Ghi lại chỉ số đỏ và phần tử gây lỗi. Phần chẩn đoán sẽ chỉ ra phần tử LCP là ảnh nào, script nào chiếm nhiều thời gian, phần tử nào gây xô lệch. Chụp màn hình gửi đội kỹ thuật sẽ nhanh hơn mô tả "web chậm".

Bước 4. Sửa theo nhóm, đo lại. Dữ liệu thật cập nhật theo thời gian, nên sau khi sửa cần vài tuần mới thấy thay đổi đầy đủ trong báo cáo. Đừng sửa mười thứ cùng lúc rồi không biết thứ nào có tác dụng.

Checklist tự kiểm tra nhanh trước khi gọi đội kỹ thuật:

  • ☐ Báo cáo Core Web Vitals trong Search Console có nhóm URL "Kém" hoặc "Cần cải thiện" không
  • ☐ Đã đo trên điện thoại, không chỉ trên máy tính
  • ☐ Đã xem phần dữ liệu người dùng thật, không chỉ nhìn điểm 0–100
  • ☐ Ảnh banner đầu trang đã nén và dùng định dạng hiện đại như WebP chưa
  • ☐ Ảnh và khung quảng cáo có khai báo kích thước để không xô lệch bố cục
  • ☐ Danh sách plugin, mã theo dõi, khung chat đang chạy, cái nào không còn dùng
  • ☐ Popup, thanh thông báo có chèn đột ngột đẩy nội dung xuống không
  • ☐ Hosting đang dùng có phản hồi chậm ở giờ cao điểm không

Sửa gì trước để cải thiện Core Web Vitals

Không phải lỗi nào cũng đáng sửa ngay. Cách làm thực tế cho doanh nghiệp vừa và nhỏ là ưu tiên theo hai câu hỏi: trang nào mang lại khách nhiều nhất, và lỗi nào sửa ít công mà tác động rộng.

Ưu tiên Việc nên làm Tác động chính Ai làm
1 Nén ảnh, chuyển WebP, đặt kích thước ảnh LCP, CLS Người quản trị nội dung
2 Gỡ plugin và mã theo dõi không dùng INP, LCP Kỹ thuật hoặc người quản trị
3 Bật bộ nhớ đệm (cache), dùng CDN nếu khách ở nhiều vùng LCP Kỹ thuật
4 Trì hoãn khung chat, pixel quảng cáo tới sau khi trang hiện INP Kỹ thuật
5 Đổi hosting hoặc theme quá nặng LCP, INP Cần cân nhắc chi phí

Với website WordPress, các kỹ thuật chi tiết như cache, lazy load, tối ưu cơ sở dữ liệu đã có trong bài Website WordPress chạy chậm và 10 kỹ thuật tăng tốc. Nếu đang làm website mới, hãy đưa ngưỡng Core Web Vitals vào điều kiện bàn giao, như trong checklist nghiệm thu website 15 điểm, thay vì đợi lên sóng mới phát hiện chậm.

Ví dụ thực tế theo ngành:

  • Nhà hàng, F&B: ảnh món ăn lớn là "đặc sản" nhưng cũng là nguyên nhân LCP kém số một. Giữ ảnh đẹp nhưng nén đúng kích thước hiển thị.
  • Bán lẻ: trang danh mục nhiều sản phẩm, bộ lọc nặng dễ làm INP kém trên điện thoại tầm trung.
  • Dịch vụ B2B, logistics: thường ít ảnh nhưng cài nhiều công cụ theo dõi, form và khung chat, dễ làm INP và CLS xấu đi.
  • Giáo dục: trang khóa học hay nhúng video ở đầu trang; nên dùng ảnh xem trước thay vì tải trình phát video ngay.

Nếu không có người kỹ thuật nội bộ, bạn có thể dùng gói kiểm tra website miễn phí 10 tiêu chí của X-DMAIC để biết tốc độ có phải điểm nghẽn chính không trước khi bỏ tiền sửa.

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

Core Web Vitals có phải yếu tố xếp hạng của Google không?

Google cho biết Core Web Vitals cùng các khía cạnh trải nghiệm trang khác khớp với những gì hệ thống xếp hạng cốt lõi muốn thưởng, và khuyến nghị chủ website đạt mức tốt. Tuy vậy, nội dung phù hợp với ý định tìm kiếm vẫn quan trọng hơn; đạt chuẩn không đảm bảo lên top.

LCP, FID, CLS là gì, FID còn dùng không?

LCP đo tốc độ hiện nội dung chính, CLS đo độ ổn định bố cục. FID là chỉ số phản hồi cũ, đã được INP thay thế từ năm 2024. Khi đọc tài liệu hay báo cáo, hãy dùng bộ LCP, INP, CLS.

Website mới không có dữ liệu Core Web Vitals thì làm sao?

Website ít lượt truy cập có thể chưa đủ dữ liệu người dùng thật. Khi đó dùng phần đo giả lập trong PageSpeed Insights để phát hiện lỗi rõ ràng như ảnh nặng, script chặn hiển thị, rồi theo dõi báo cáo trong Search Console khi lượt truy cập tăng.

Sửa Core Web Vitals mất bao lâu và tốn bao nhiêu?

Tùy nguyên nhân. Nén ảnh, gỡ plugin thừa thường làm được ngay; đổi hosting hay theme thì tốn công và chi phí hơn. Hãy đo trước, xác định chỉ số nào đỏ và do đâu, rồi mới quyết định đầu tư. Nếu đang cân nhắc làm lại website, xem thêm dịch vụ thiết kế website chuẩn SEO của X-DMAIC.

Đọc trọn lộ trình Thiết kế website theo thứ tự từ bài nền: xem lộ trình trên trang Blog


Đọc tiếp trong chủ đề: Thiết kế website

Muốn biết website đang mất khách ở đâu? Kiểm tra website miễn phí 10 tiêu chí hoặc nhắn Zalo 0394 877 577.

Was this page helpful?
Author Tĩnh Võ FOUNDER & CEO

Creator of the DMAIC Lite method. He brings process-improvement discipline from operations to revenue growth for small and mid-sized businesses.

LinkedIn
Finished part 10/10

You have finished this path

Where this leads Want to know what a website will cost?

Three published packages, build your own estimate and get it by email.

See web design pricing

Start another path

Tất cả bài viết