Core Web Vitals: Đạt chuẩn bài kiểm tra tốc độ của Google

Năm 2021, Google thông báo rằng Core Web Vitals là yếu tố xếp hạng. Ba chỉ số cụ thể này giờ ảnh hưởng trực tiếp đến thứ hạng tìm kiếm của bạn: Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) và Interaction to Next Paint (INP). Website có chỉ số kém khó lên thứ hạng cao. Website có chỉ số xuất sắc sẽ có lợi thế xếp hạng. Với SEO hiện đại, đạt chuẩn Core Web Vitals là điều bắt buộc.

Hệ quả rất lớn. Bạn không còn có thể bỏ qua hiệu suất. Bạn không thể xây một website chậm rồi hy vọng có thứ hạng tốt. Google đã nói rõ rằng trải nghiệm người dùng quan trọng, và Core Web Vitals đo lường trải nghiệm đó. Tối ưu Core Web Vitals không còn là tùy chọn; đó là điều bắt buộc để cạnh tranh trên công cụ tìm kiếm.

Core Web Vitals là gì và vì sao chúng quan trọng

Core Web Vitals đo ba khía cạnh của trải nghiệm người dùng: tốc độ tải (LCP), độ ổn định hình ảnh (CLS) và khả năng phản hồi (INP). Trang Web Vitals của Google định nghĩa chi tiết từng chỉ số. Ba chỉ số này thể hiện những khía cạnh quan trọng nhất trong cách người dùng trải nghiệm website của bạn.

Google đã thu thập hàng nghìn tỷ điểm dữ liệu từ người dùng thật để xác định chỉ số nào quan trọng nhất. Kết quả là Core Web Vitals. Đây không phải những ngưỡng tùy tiện; chúng là các số đo dựa trên bằng chứng về điều làm cho một website có cảm giác nhanh và phản hồi tốt với người dùng thật.

Thông báo chính thức của Google giải thích cách Core Web Vitals ảnh hưởng đến thứ hạng tìm kiếm. Google xem Core Web Vitals là một trong nhiều yếu tố xếp hạng. Chất lượng và mức độ phù hợp của nội dung vẫn quan trọng hơn, nhưng hai website có mức độ phù hợp tương đương sẽ được xếp hạng theo hiệu suất Core Web Vitals.

Largest Contentful Paint (LCP): Đo tốc độ tải

Largest Contentful Paint (LCP) đo thời gian để phần tử nội dung lớn nhất của trang hiển thị với người dùng. Đó có thể là một hình ảnh, video, tiêu đề hoặc khối văn bản. LCP đo thời điểm người dùng nhìn thấy nội dung chính và nhận ra trang đã tải xong.

Khuyến nghị của Google: LCP nên dưới 2,5 giây. Trang có LCP dưới 2,5 giây được coi là "tốt". Trang có LCP từ 2,5 đến 4 giây ở mức "cần cải thiện". Trang có LCP trên 4 giây là "kém". Người dùng gặp LCP trên 3 giây sẽ thấy trang chậm. Người dùng gặp LCP trên 4 giây thường rời khỏi trang.

Nguyên nhân phổ biến khiến LCP chậm: thời gian phản hồi máy chủ chậm, CSS và JavaScript chặn hiển thị, hình ảnh chưa tối ưu và phông chữ lớn mất thời gian tải. Để sửa LCP, hãy: cải thiện tốc độ máy chủ (giảm Time to First Byte, hay TTFB), loại bỏ tài nguyên chặn hiển thị, trì hoãn JavaScript, tối ưu và nén hình ảnh, dùng định dạng hình ảnh hiện đại (WebP) và tải trước các tài nguyên quan trọng.

PageSpeed Insights hiển thị điểm LCP của bạn và đưa ra khuyến nghị cụ thể. Hãy chạy kiểm tra trên các trang chủ chốt, sắp xếp khuyến nghị theo mức độ ảnh hưởng và thực hiện các sửa lỗi có tác động lớn nhất trước.

Cumulative Layout Shift (CLS): Đo độ ổn định hình ảnh

Cumulative Layout Shift (CLS) đo chuyển động ngoài ý muốn của các phần tử trên trang trong lúc trang đang tải. Khi bạn đang đọc một bài viết mà đột nhiên chữ nhảy xuống vì một quảng cáo vừa tải phía trên, đó chính là dịch chuyển bố cục. CLS định lượng mức độ bố cục trang dịch chuyển trong lúc tải.

Khuyến nghị của Google: CLS nên dưới 0,1. Điểm CLS dưới 0,1 là "tốt". Điểm từ 0,1 đến 0,25 cần cải thiện. Điểm trên 0,25 là "kém". Ngay cả những dịch chuyển nhỏ cũng cộng dồn lại. CLS là 0,15 nghĩa là các phần tử trang đã dịch chuyển tổng cộng 15% chiều cao khung nhìn trong lúc tải. Người dùng thấy khó chịu và bực bội.

Nguyên nhân phổ biến khiến CLS cao: quảng cáo tải không đồng bộ, hình ảnh không khai báo thuộc tính chiều rộng và chiều cao, các nhúng (video YouTube, widget mạng xã hội) tải không đồng bộ, và phông chữ đổi đột ngột. Để sửa CLS, hãy: khai báo kích thước hình ảnh trong HTML (thuộc tính width và height), dành sẵn không gian cho quảng cáo trước khi chúng tải, dùng font-display: swap trong CSS @font-face để tránh hiện tượng nhấp nháy khi đổi phông, và tải video cùng các nhúng đồng bộ hoặc với không gian đã được dành sẵn.

Mọi hình ảnh trên website của bạn nên có thuộc tính width và height rõ ràng. Điều này giúp trình duyệt dành sẵn không gian trước khi hình ảnh tải. Nếu thiếu kích thước, trình duyệt không biết cần dành bao nhiêu chỗ, và bố cục sẽ dịch chuyển khi hình ảnh xuất hiện.

Interaction to Next Paint (INP): Đo khả năng phản hồi

Interaction to Next Paint (INP) đo mức độ trang phản hồi với các tương tác của người dùng (nhấp chuột, chạm, gõ phím). INP là khoảng thời gian từ lúc người dùng tương tác với trang đến lúc trang phản hồi trên màn hình. Một trang phản hồi tốt sẽ đáp lại trong vài mili giây. Một trang không phản hồi có thể mất vài giây.

Khuyến nghị của Google: INP nên dưới 200 mili giây. Điểm dưới 200 mili giây là "tốt". Điểm từ 200 đến 500 mili giây cần cải thiện. Điểm trên 500 mili giây là "kém". Người dùng mong đợi phản hồi ngay lập tức. INP 500 mili giây tạo cảm giác chậm chạp. INP 1 giây tạo cảm giác trang bị hỏng.

Nguyên nhân phổ biến khiến INP kém: JavaScript nặng chiếm luồng chính, các tập lệnh bên thứ ba lớn, trình xử lý sự kiện kém hiệu quả và không tận dụng requestIdleCallback. Để sửa INP, hãy: chia nhỏ các tác vụ JavaScript dài thành các phần nhỏ hơn, trì hoãn JavaScript không thiết yếu, gỡ bỏ các tập lệnh không dùng đến, tối ưu trình lắng nghe sự kiện và dùng web worker cho các tác vụ tính toán nặng.

INP thường là chỉ số Core Web Vitals khó tối ưu nhất vì nó cần kiến thức JavaScript sâu. Nếu nhóm của bạn thiếu kỹ năng tối ưu JavaScript, hãy cân nhắc thuê chuyên gia tư vấn hiệu suất hoặc dùng một dịch vụ tối ưu hiệu suất bên thứ ba.

Cách đo Core Web Vitals

Core Web Vitals được đo theo hai cách: dữ liệu phòng thí nghiệm và dữ liệu thực địa. Dữ liệu phòng thí nghiệm đến từ các công cụ như PageSpeed Insights và Lighthouse chạy trong môi trường được kiểm soát. Dữ liệu thực địa đến từ người dùng thật truy cập website của bạn. Google ưu tiên dữ liệu thực địa vì nó phản ánh trải nghiệm thực tế của người dùng.

Lộ trình học về hiệu suất của Google giải thích sự khác biệt giữa chỉ số phòng thí nghiệm và chỉ số thực địa. Dữ liệu phòng thí nghiệm giúp bạn tìm vấn đề và kiểm tra cách sửa. Dữ liệu thực địa cho thấy hiệu suất thực tế. Bạn có thể đạt điểm phòng thí nghiệm xuất sắc nhưng điểm thực địa kém nếu người dùng thật của bạn dùng mạng chậm hoặc thiết bị cũ.

Google Search Console báo cáo dữ liệu thực địa của Core Web Vitals. Báo cáo hiển thị số đo người dùng thật được tổng hợp từ Chrome User Experience Report (CrUX). Nếu website của bạn không có đủ dữ liệu người dùng thật, Google sẽ cung cấp dữ liệu phòng thí nghiệm từ Lighthouse.

Ngưỡng chuẩn và điểm đạt

Google định nghĩa Core Web Vitals "tốt" là đạt phân vị thứ 75 của trải nghiệm người dùng. Điều này có nghĩa là 75% người dùng thật truy cập website của bạn với trải nghiệm đạt hoặc tốt hơn ngưỡng. Các ngưỡng là:

LCP: 2,5 giây trở xuống. CLS: 0,1 trở xuống. INP: 200 mili giây trở xuống. Các ngưỡng này đã được kiểm chứng khoa học qua phân tích hàng nghìn tỷ tương tác thật của người dùng. Trang đạt hoặc vượt các ngưỡng này mang lại trải nghiệm người dùng tốt.

Tuy nhiên, Google không yêu cầu 100% trang của bạn phải đạt Core Web Vitals. Nếu 75% trang của bạn đạt, website được coi là có Core Web Vitals "tốt" nói chung. Nghĩa là bạn có thể có một vài trang chậm hơn và vẫn đạt, miễn là phần lớn các trang nhận lượng truy cập đều nhanh.

Tối ưu từng chỉ số: các bước thực hành

Để tối ưu LCP: trước hết, hãy đo TTFB (Time to First Byte) bằng PageSpeed Insights. Nếu TTFB chậm (trên 600 mili giây), máy chủ của bạn là điểm nghẽn. Hãy nâng cấp hosting, tối ưu mã backend hoặc dùng mạng phân phối nội dung (CDN). Nếu TTFB tốt nhưng LCP vẫn chậm, CSS hoặc JavaScript của bạn đang chặn hiển thị. Hãy trì hoãn JavaScript không thiết yếu và nhúng trực tiếp CSS quan trọng cho nội dung phía trên màn hình.

Để tối ưu CLS: kiểm tra website để tìm các phần tử di chuyển khi tải. Dùng công cụ DevTools của trình duyệt để xác định phần tử bị dịch chuyển. Thêm thuộc tính width và height cho mọi hình ảnh. Dùng font-display: swap trong CSS. Dành sẵn không gian cho quảng cáo, nhúng và nội dung động.

Để tối ưu INP: dùng thẻ Performance trong Chrome DevTools để tìm các tác vụ JavaScript dài (tác vụ trên 50 mili giây). Chia nhỏ các tác vụ dài. Trì hoãn JavaScript không thiết yếu. Dùng requestIdleCallback cho công việc ưu tiên thấp. Kiểm tra trên thiết bị thật, không chỉ trên máy tính để bàn.

Theo dõi Core Web Vitals theo thời gian

Dùng Google Search Console để theo dõi hiệu suất Core Web Vitals. Báo cáo Core Web Vitals hiển thị số đo người dùng thật của website và so sánh với ngưỡng của Google. Các trang được phân loại thành Tốt, Cần cải thiện hoặc Kém.

Hãy thiết lập cảnh báo theo dõi. Nếu Core Web Vitals của bạn giảm, bạn cần điều tra ngay. Nguyên nhân có thể gồm: triển khai mã mới làm giảm hiệu quả, tập lệnh bên thứ ba mới, thay đổi hình ảnh hoặc phương tiện, hoặc sự cố hosting.

Hãy theo dõi riêng di động và máy tính để bàn. Thiết bị di động thường có bộ xử lý chậm hơn và mạng yếu hơn, vì vậy Core Web Vitals thường kém hơn trên di động. Hãy ưu tiên tối ưu cho di động với các website có lượng truy cập di động lớn.

Core Web Vitals và chiến lược SEO

Core Web Vitals giờ là yếu tố xếp hạng cốt lõi, có tầm quan trọng tương đương backlink và chất lượng nội dung. Website có Core Web Vitals kém khó lên thứ hạng cao, bất kể nội dung tốt đến đâu. Điều này có nghĩa là tối ưu hiệu suất phải là một phần của chiến lược SEO, không phải việc làm sau cùng.

Nếu bạn đang cạnh tranh thứ hạng và đối thủ có Core Web Vitals tốt hơn, họ có lợi thế xếp hạng. Bạn không thể thắng chỉ bằng nội dung nếu website chậm và phản hồi kém. Bạn phải bằng hoặc vượt hiệu suất của đối thủ để cạnh tranh trên cùng điều kiện.

Kết luận

Core Web Vitals giờ là yếu tố thiết yếu cho thành công SEO. Tối ưu LCP, CLS và INP trực tiếp cải thiện thứ hạng tìm kiếm và trải nghiệm người dùng. Website có Core Web Vitals xuất sắc sẽ vượt các website có mức độ phù hợp tương đương nhưng chỉ số kém. Không có cách nào khác: nếu bạn muốn đứng đầu, bạn phải đạt Core Web Vitals.

Hãy bắt đầu bằng cách chạy PageSpeed Insights trên các trang chủ chốt. Xác định các điểm nghẽn lớn nhất và sửa chúng trước. Ưu tiên tối ưu cho di động. Theo dõi hiệu suất thường xuyên trong Google Search Console. Dùng kiểm tra GEO SEO của chúng tôi để tìm các vấn đề Core Web Vitals trên toàn bộ website và theo dõi tiến độ cải thiện theo thời gian.