Thiết Kế Web Giá Rẻ
Kiến thức làm web

Core Web Vitals là gì và vì sao Google quan tâm

Nguyen Hien·· 13 phút đọc

Core Web Vitals là gì ư? Nói cho dễ hiểu, đây là bộ ba thước đo Google dùng để chấm xem khi một người mở web của bạn, họ có thấy dễ chịu hay khó chịu. Bạn cứ hình dung Google như một anh bạn đứng nép sau lưng từng người khách, lặng lẽ ghi chép: trang hiện ra nhanh hay phải chờ mỏi mắt, bấm vào nút thì phản hồi liền hay đơ ra một nhịp, đang đọc thì nội dung có bị nhảy lung tung không. Ba điều đó cộng lại thành cái Google gọi là Core Web Vitals.

Bài này mình viết cho người không rành kỹ thuật. Mình sẽ giải thích ba chỉ số đó đo cái gì bằng ngôn ngữ đời thường, vì sao Google lại để tâm tới chúng đến vậy, và quan trọng nhất là cách bạn tự đo web mình ngay hôm nay mà không cần biết một dòng code nào.

Cái tên nghe đáng sợ, bản chất rất đời thường

Trước khi đi vào chi tiết, mình muốn gỡ bỏ nỗi e ngại trước đã. "Core Web Vitals" dịch nôm na là "các chỉ số sức khoẻ cốt lõi của trang web". Nghe thì hàn lâm, nhưng nó chỉ đang đo đúng ba thứ mà chính bạn cũng cảm nhận được mỗi ngày khi lướt web.

Bạn thử nhớ một web nào đó từng làm bạn bực mình mà xem. Có thể nó tải mãi mới hiện ra. Có thể bạn bấm nút "Đặt hàng" mà nó cứ trơ ra mấy giây mới chịu nhúc nhích. Hoặc tệ hơn, bạn đang định bấm vào một chỗ thì cái quảng cáo đột nhiên chen vào, đẩy mọi thứ tụt xuống, làm bạn bấm nhầm sang chỗ khác. Cả ba tình huống khó chịu ấy chính là thứ Core Web Vitals đo. Google chỉ đang số hoá lại cảm giác bực bội của người dùng để có thể chấm điểm một cách công bằng giữa hàng triệu web.

Vậy nên đừng để cái tên tiếng Anh làm bạn ngợp. Hiểu được ba chỉ số này, bạn sẽ tự nhìn ra web mình đang ngon hay đang có vấn đề, và biết phải hỏi đơn vị làm web điều gì cho đúng.

Ba chỉ số trải nghiệm: web bạn đang được chấm điểm gì

Core Web Vitals gồm đúng ba chỉ số. Mình lần lượt mổ xẻ từng cái, kèm cách hiểu dân dã nhất.

LCP — tốc độ hiện nội dung chính

Chỉ số đầu tiên tên là LCP, viết tắt của Largest Contentful Paint (thời gian hiện khối nội dung lớn nhất). Nghe rối vậy thôi, ý nó đơn giản: kể từ lúc khách bấm vào web, mất bao lâu thì phần nội dung quan trọng nhất của trang hiện ra đầy đủ trước mắt họ. Phần nội dung lớn nhất ấy thường là tấm ảnh banner đầu trang, hoặc khối tiêu đề lớn.

Đây chính là cảm giác "web này nhanh hay chậm" mà ai cũng có. Google đặt mốc: trang nên hiện nội dung chính trong vòng 2,5 giây thì coi là tốt. Quá ngưỡng đó, khách bắt đầu sốt ruột và Google bắt đầu trừ điểm. Thủ phạm khiến LCP chậm phần lớn là ảnh quá nặng up thẳng không nén, hosting yếu, hoặc web dựng cẩu thả. Mình có nói kỹ chuyện này trong bài tốc độ tải website nếu bạn muốn đào sâu phần tốc độ.

INP — độ nhạy khi khách bấm

Chỉ số thứ hai là INP, viết tắt của Interaction to Next Paint (độ trễ từ lúc tương tác tới lúc trang phản hồi). Cái này đo độ nhạy: khi khách bấm một nút, gõ vào ô tìm kiếm, hay mở một menu, web phản hồi liền hay khựng lại một nhịp rồi mới chạy.

Bạn hẳn từng gặp cảnh bấm nút mà nó cứ ì ra, bấm thêm phát nữa, rồi bỗng nó chạy cả hai lần. Cảm giác "web bị đơ" đó chính là INP kém. Google đặt mốc dưới 200 mili giây — tức là phản hồi gần như tức thì trong cảm nhận của con người. Web đáp ứng chậm khiến khách tưởng nó hỏng, bấm loạn lên, rồi bỏ đi. INP kém thường do web nhồi quá nhiều mã chạy nền, lắm plugin và hiệu ứng động tranh nhau làm việc cùng lúc.

CLS — độ ổn định bố cục

Chỉ số thứ ba là CLS, viết tắt của Cumulative Layout Shift (tổng độ xê dịch bố cục). Cái này đo độ ổn định: khi trang đang tải, các thành phần có chịu nằm yên một chỗ không, hay cứ nhảy nhót lung tung làm bạn đọc cũng khó mà bấm cũng dễ nhầm.

Đây là cái khó chịu âm thầm mà ai cũng từng dính. Bạn đang đọc dở một đoạn, đột nhiên ảnh phía trên tải xong, đẩy toàn bộ chữ tụt xuống, bạn mất luôn dòng đang đọc. Hoặc bạn chuẩn bị bấm nút thì một banner chen vào, đẩy nút đi chỗ khác, thế là bấm trượt sang quảng cáo. Google đặt mốc CLS dưới 0,1, tức là bố cục gần như đứng yên. Thủ phạm thường là ảnh và quảng cáo không khai báo sẵn kích thước, nên trình duyệt không chừa chỗ trước, tải tới đâu chèn tới đó.

Web đạt chuẩn so với web có vấn đề — core web vitals là gì
Ba chỉ số Core Web Vitals đo ba cảm giác khác nhau khi khách dùng web.

Vì sao Google lại quan tâm đến mấy thứ này

Đây là câu hỏi nhiều người thắc mắc nhất. Tại sao Google, một công cụ tìm kiếm, lại đi soi xem web bạn tải nhanh hay bấm có đơ không?

Câu trả lời nằm ở chính việc làm ăn của Google. Google sống nhờ người ta tin tưởng và quay lại dùng nó. Mỗi khi ai đó gõ tìm một thứ, Google phải chọn ra mươi web để xếp lên trang đầu. Nếu nó dẫn người ta tới một web tải lề mề, bấm đâu cũng đơ, đọc thì chữ nhảy loạn — người dùng sẽ bực, và họ ngầm trách luôn cả Google vì đã giới thiệu chỗ tệ. Lặp lại nhiều lần, người ta sẽ chán Google mà sang công cụ khác. Vậy nên Google buộc phải ưu tiên những web mang lại trải nghiệm dễ chịu, và Core Web Vitals chính là bộ thước nó dùng để đo điều đó một cách có hệ thống.

Google cũng nói thẳng và rõ về chuyện này từ lâu, chứ không úp mở. Họ xác nhận trải nghiệm trang là một trong các yếu tố xét xếp hạng. Tuy nhiên cần hiểu cho đúng để khỏi ảo tưởng: Core Web Vitals là một yếu tố, không phải yếu tố duy nhất quyết định tất cả. Nội dung của bạn vẫn là cái cốt. Một web tải nhanh như chớp mà nội dung rỗng tuếch thì cũng chẳng lên top được. Cách hiểu lành mạnh nhất là thế này: nội dung tốt đưa bạn vào cuộc đua, còn Core Web Vitals tốt giúp bạn nhỉnh hơn đối thủ khi hai bên ngang ngửa nội dung. Đây là lý do tốc độ và trải nghiệm luôn nằm trong danh sách việc cần làm khi mình bàn về một website chuẩn SEO là gì với khách.

Còn một lẽ thực tế hơn cả chuyện thứ hạng. Dù Google có chấm điểm hay không, web đạt Core Web Vitals tốt thì tự nó đã giữ khách giỏi hơn. Khách ở lại lâu hơn, xem nhiều trang hơn, mua hàng nhiều hơn. Nói cách khác, bạn tối ưu mấy chỉ số này không phải để chiều lòng Google, mà trước hết là để chiều lòng chính khách của mình. Google chỉ tình cờ thưởng thêm cho việc bạn làm khách hài lòng.

Vì sao Google quan tâm Core Web Vitals — core web vitals là gì
Bốn lý do Google đưa Core Web Vitals vào việc xếp hạng web.

Tự đo Core Web Vitals web mình trong vài phút

Tin vui là bạn không cần thuê ai, không cần biết code, vẫn tự đo được web mình đang đạt hay chưa. Mình hướng dẫn ba cách, từ dễ tới sâu, ai cũng làm theo được.

Cách nhanh nhất: PageSpeed Insights

Đây là công cụ miễn phí của chính Google, và là chỗ mình khuyên bạn bắt đầu. Bạn mở trình duyệt, tìm "PageSpeed Insights", dán địa chỉ web của bạn vào ô rồi bấm phân tích. Sau vài giây, nó hiện ra điểm số trên cả điện thoại lẫn máy tính, và quan trọng hơn là chỉ thẳng từng chỉ số LCP, INP, CLS của bạn đang xanh, vàng hay đỏ. Xanh là đạt, vàng là cần cải thiện, đỏ là có vấn đề.

Bạn để ý xem điểm bản điện thoại trước, vì phần lớn khách Việt vào web bằng điện thoại. Bên dưới điểm số, công cụ còn liệt kê những chỗ đang kéo web chậm lại và gợi ý cách sửa — ảnh nào nặng quá, thứ gì làm trang đơ. Bạn không cần hiểu hết các thuật ngữ, chỉ cần đưa danh sách đó cho người làm nghề là họ biết phải làm gì.

Cách thấy số liệu khách thật: Search Console

PageSpeed Insights đo web bạn ngay tại thời điểm bạn bấm, kiểu như một lần khám sức khoẻ. Còn nếu muốn biết khách thật trải nghiệm web bạn ra sao trong suốt nhiều ngày, bạn dùng Google Search Console. Trong đó có một mục riêng tên là Core Web Vitals, gom số liệu từ khách thật ghé web bạn, rồi báo nhóm trang nào đang đạt, nhóm nào cần sửa.

Đây là góc nhìn quý nhất vì nó phản ánh đúng thực tế khách dùng máy và mạng đủ loại, chứ không phải điều kiện lý tưởng. Nếu bạn chưa biết công cụ này, mình có hướng dẫn riêng trong bài Google Search Console là gì, đáng để cài cho mọi web.

Cách đơn giản nhất: tự cảm nhận

Đừng quên cách mộc mạc nhất: tự bấm thử bằng chính tay mình. Mở web bằng điện thoại với mạng 4G bình thường, đừng dùng wifi nhà quá khoẻ vì nó cho cảm giác sai. Bấm vào vài trang, để ý ba điều đúng theo ba chỉ số: nội dung có hiện ra nhanh không, bấm nút có phản hồi liền không, đang đọc thì chữ và ảnh có nhảy lung tung không. Bạn thấy khó chịu ở đâu thì khách cũng khó chịu đúng chỗ đó, và Google cũng ghi nhận đúng chỗ đó.

Ba cách tự đo Core Web Vitals — core web vitals là gì
Ba cách tự đo Core Web Vitals của web mà không cần biết kỹ thuật.

Web bạn chưa đạt thì làm gì tiếp

Giả sử đo xong, web bạn nhiều chỉ số đỏ. Đừng hoảng. Phần lớn nguyên nhân rất đời thường và sửa được.

Việc dễ và hiệu quả nhất, giúp cả ba chỉ số, là nén ảnh trước khi up lên web. Ảnh nhẹ thì LCP nhanh hẳn. Nếu khai báo sẵn kích thước cho ảnh thì CLS cũng ổn định luôn vì trình duyệt biết chừa chỗ trước. Tiếp đến là dọn bớt những thứ thừa: plugin cài cho vui không dùng tới thì gỡ, hiệu ứng động loè loẹt và video tự chạy nền chỉ để khoe thì bỏ — đây là cách gỡ rối cho INP. Mỗi thứ bỏ đi là web nhẹ và nhạy thêm một chút.

Còn những phần thuộc về nền móng — hosting yếu, máy chủ đặt xa khách, mã nguồn nặng nề dựng cẩu thả từ gốc — thì thú thật là bạn khó tự xử lý, và cũng không nên cố. Đây là lúc cần người làm nghề. Có khi web được dựng ẩu tới mức vá víu không xuể, làm lại từ đầu còn nhanh và rẻ hơn cố sửa từng chỗ.

Tốt nhất là làm đúng ngay từ đầu

Nói thật lòng, tối ưu Core Web Vitals cho một web đã dựng xong luôn cực hơn nhiều so với làm đúng ngay từ lúc dựng nền. Giống như sửa móng cho một căn nhà đã xây xong vậy — đụng đâu cũng vướng. Vì thế bên mình khi nhận làm web luôn đặt ba chỉ số này lên bàn ngay từ khâu đầu: ảnh tối ưu sẵn và khai báo kích thước, mã nguồn gọn gàng không nhồi thứ thừa, hosting chọn loại khoẻ và đặt gần khách Việt.

Nếu bạn muốn xem các gói có sẵn và mức giá ra sao, cứ tham khảo bảng giá thiết kế web trọn gói bên mình: gói Cơ bản từ 1.990.000đ, gói Pro từ 3.990.000đ, gói VIP từ 7.990.000đ. Điểm mình tâm đắc là mọi gói đều tặng tên miền, hosting cùng chứng chỉ bảo mật SSL năm đầu, dựng nền tối ưu sẵn cho trải nghiệm, và bàn giao trong khoảng 3 đến 7 ngày.

Cẩn thận với những nơi báo giá siêu rẻ mà bỏ quên phần trải nghiệm: web dựng cho xong, nhồi theme nặng và hosting bèo thì điểm Core Web Vitals đỏ lòm. Khách thì sốt ruột bỏ đi, Google thì ngại xếp hạng. Rốt cuộc bạn vẫn trả giá, chỉ là trả bằng cách khác. Hãy hỏi rõ phần tốc độ và trải nghiệm trước khi chốt.

Nếu bạn đo xong mà không chắc web mình đang vướng ở đâu, hay nên sửa cái nào trước, cứ nhắn cho bên mình qua trang liên hệ, hoặc gọi Zalo 0777 716 863. Mình xem giúp và chỉ ra chỗ vướng hoàn toàn miễn phí, không ràng buộc gì cả. Bạn cũng có thể xem cách bên mình làm web giá rẻ mà vẫn nhanh và mượt để hình dung quy trình.

Tóm lại, Core Web Vitals không phải chuyện kỹ thuật xa vời như cái tên của nó. Nó chỉ là ba câu hỏi rất con người: web bạn hiện ra có nhanh không, bấm có nhạy không, đọc có yên không. Trả lời được ba câu đó theo hướng tích cực thì khách hài lòng, mà khách hài lòng thì Google cũng vui lòng giới thiệu bạn cho nhiều người hơn. Chỉ cần để tâm vài điều đơn giản trong bài này, bạn đã đi trước kha khá web khác vẫn còn để khách phải chờ, phải đơ, phải bực.

Cần một website giá rẻ, chuẩn SEO?

Nhận tư vấn và báo giá miễn phí ngay hôm nay.

Bài viết liên quan