TỐC ĐỘ WEBSITE VÀ CORE WEB VITALS.
Website chậm hoặc bị nhảy làm mất khách trước khi họ kịp đọc một chữ. Google đo trải nghiệm đó bằng ba chỉ số Core Web Vitals. Dưới đây là ý nghĩa của chúng, cách tự kiểm tra website miễn phí, và những cách khắc phục thường quan trọng nhất với website doanh nghiệp nhỏ.
THAY ĐỔI GẦN ĐÂY
- Google coi việc chiếm nút quay lại là spam — Chặn nút quay lại của trình duyệt nay là một hành vi spam được nêu tên.
Hướng dẫn này nói về những điều không đổi. Blog theo dõi các thay đổi khi chúng xảy ra.
BA CHỈ SỐ
Google mô tả Core Web Vitals là tập hợp chỉ số đo trải nghiệm người dùng thực tế về hiệu suất tải trang, khả năng tương tác và độ ổn định hình ảnh.2 Interaction to Next Paint (INP) đã thay thế First Input Delay trở thành một Core Web Vital vào năm 2024.1
| Chỉ số | Đo gì | Tốt |
|---|---|---|
| Largest Contentful Paint (LCP) | Tải trang: khi nội dung chính xuất hiện [1] | 2,5 giây trở xuống [1][3] |
| Interaction to Next Paint (INP) | Độ phản hồi: trang phản ứng nhanh đến đâu với thao tác chạm, nhấp và gõ phím [1] | 200 mili giây trở xuống [1][3] |
| Cumulative Layout Shift (CLS) | Độ ổn định hình ảnh: trang bị nhảy lung tung bao nhiêu khi đang tải [1] | 0,1 trở xuống [1][3] |
web.dev khuyên đo ở phân vị thứ 75 của các lượt tải trang, riêng cho di động và máy tính.1 Search Console xếp LCP đến 4 s, INP đến 500 ms và CLS đến 0,25 vào mức “needs improvement” (cần cải thiện) và mọi mức cao hơn là “poor” (kém).3
CÓ ẢNH HƯỞNG XẾP HẠNG KHÔNG?
Google nói Core Web Vitals tốt phù hợp với những gì các hệ thống xếp hạng cốt lõi của họ muốn khen thưởng, như một phần của trải nghiệm trang rộng hơn.2 Đó là một yếu tố trong rất nhiều yếu tố. Một trang nhanh nhưng nội dung sơ sài hoặc vô ích sẽ không vượt được một câu trả lời tốt hơn, nên hãy xem tốc độ là cách giữ chân những khách truy cập bạn đã có được.
CÁCH KIỂM TRA WEBSITE
| Công cụ | Cho thấy gì | Lưu ý |
|---|---|---|
| PageSpeed Insights | Dữ liệu thực tế từ người dùng Chrome thật (CrUX) cùng dữ liệu phòng thí nghiệm từ Lighthouse, cho di động và máy tính [4] | Dữ liệu thực tế tính trong 28 ngày gần nhất, nên các bản sửa cần thời gian mới thấy; kết quả phòng thí nghiệm và thực tế có thể khác nhau [4] |
| Báo cáo Core Web Vitals trong Search Console | Các nhóm URL tương tự được xếp Good, Needs improvement hoặc Poor (Tốt, Cần cải thiện, Kém), dựa trên dữ liệu người dùng thật [3] | Website nhỏ có thể thấy “No data available” (Không có dữ liệu) khi không đủ dữ liệu CrUX [3] |
Chưa có dữ liệu thực tế? Hãy dùng kết quả phòng thí nghiệm trong PageSpeed Insights làm tham khảo, và kiểm tra các trang quan trọng nhất: trang chủ, dịch vụ và liên hệ.
CÁCH KHẮC PHỤC PHỔ BIẾN CHO DOANH NGHIỆP NHỎ
- Giảm dung lượng ảnh. Nén ảnh và dùng định dạng ảnh hiện đại.5 Ảnh chụp thẳng từ điện thoại thường lớn hơn nhiều so với mức màn hình cần.
- Đừng lazy-load ảnh hero. web.dev nói tuyệt đối không lazy-load ảnh LCP, và thuộc tính
fetchprioritycó thể cho trình duyệt biết tài nguyên nào quan trọng nhất.5 - Đặt kích thước cho ảnh và nội dung nhúng. Thêm thuộc tính
widthvàheight, hoặc giữ chỗ bằng CSSaspect-ratio, để nội dung không bị xô lệch.6 - Tính trước cho web font. Việc đổi font có thể làm chữ dịch chuyển khi font đang tải; hãy chọn font dự phòng gần giống.6
- Cắt bớt script của bên thứ ba. Widget chat, trình theo dõi và nội dung nhúng cộng dồn lại. web.dev khuyên gỡ script nếu nó không mang lại giá trị rõ ràng, và tải script bên thứ ba bất đồng bộ trừ khi chúng phải chạy trước khi trang hiển thị.7
- Giữ trình xử lý nhấp chuột nhẹ nhàng. Với INP, web.dev khuyên làm càng ít việc càng tốt trong các callback sự kiện và chia nhỏ các tác vụ dài.8
- Dùng hosting tốt và CDN. web.dev khuyên dùng mạng phân phối nội dung (CDN) để rút ngắn quãng đường tệp phải đi.5
Tốc độ là một phần của một website dễ dùng. Hướng dẫn khả năng tiếp cận website của chúng tôi nói về nửa còn lại: người dùng bàn phím, trình đọc màn hình hoặc phóng to.
FAQ
Điểm PageSpeed của tôi thấp nhưng Search Console báo Good (Tốt). Cái nào đúng?
Cả hai đều có thể đúng. Điểm số đến từ bài kiểm tra mô phỏng trong phòng thí nghiệm; Search Console dùng dữ liệu khách truy cập thật theo thời gian. Google giải thích rằng dữ liệu phòng thí nghiệm và thực tế có thể khác nhau.4
Tôi có cần đạt điểm 100 tuyệt đối không?
Không. Hãy nhắm tới các ngưỡng “good” (tốt) ở trên cho các trang quan trọng, rồi dành thời gian cho nội dung và khách hàng.
Website nhanh hơn có bảo đảm thêm khách tiềm năng không?
Không ai có thể hứa điều đó. Tốc độ giúp bớt cản trở; ưu đãi, đánh giá và việc theo dõi khách của bạn mới là thứ bán hàng.
NGUỒN
- web.dev, Web Vitals.
- Google Search Central, Understanding Core Web Vitals and Google search results (Hiểu về Core Web Vitals và kết quả tìm kiếm Google).
- Search Console Help, Core Web Vitals report (Báo cáo Core Web Vitals).
- Tài liệu PageSpeed Insights, About PageSpeed Insights (Giới thiệu PageSpeed Insights).
- web.dev, Optimize Largest Contentful Paint (Tối ưu LCP).
- web.dev, Optimize Cumulative Layout Shift (Tối ưu CLS).
- web.dev, Efficiently load third-party JavaScript (Tải JavaScript bên thứ ba hiệu quả).
- web.dev, Optimize Interaction to Next Paint (Tối ưu INP).
ĐỌC TIẾP
ĐẶT LỊCH GỌI TƯ VẤN
Không chắc vì sao website của bạn chậm? Gửi đường link cho chúng tôi, chúng tôi sẽ cùng bạn xem điều gì đang kìm hãm nó.