Haravan vừa cập nhật bộ chỉ số Core Web Vitals tập hợp các chỉ số thiết yếu của website bao gồm các khía cạnh liên quan đến trải nghiệm người dùng trên trang trong 7 ngày gần nhất. 

Những chỉ số này được đo lường bởi Chrome UX Report và Google Search Console

Bộ chỉ số này cụ thể là :

  • LCP - Thời gian hiển thị nội dung lớn nhất

  • FID – Thời gian phản hồi tương tác đầu tiên: 

  • CLS – Điểm số tổng hợp về sự thay đổi bố cục

Bài viết bên dưới sẽ giúp bạn tìm hiểu sâu hơn về 3 chỉ số này và một số cách để cải thiện khi chỉ số website bị thấp.

MỤC LỤC

Hướng dẫn xem chỉ số Core Web Vitals trên admin Haravan

Để xem chỉ số Core Web Vitals trên trang admin Haravan, nhà bán hàng vào mục Website -> Giao diện


Lưu ý: 
Chỉ số này sẽ tính trong 7 ngày gần nhất và tính cho theme hiện tại đang được áp dụng trên website

LCP (Largest Content Paint) - Thời gian hiển thị nội dung lớn nhất

Chỉ số này đo lường khoảng thời gian để trình duyệt hiển thị nội dung lớn nhất trên màn hình, tính từ lúc người dùng nhấp vào URL. Chỉ số càng thấp, thời gian load càng nhanh thì người dùng càng nhanh chóng tiếp cận được nội dung họ mong muốn, từ đó, làm giảm tỉ lệ thoát trang (bounce rate). 

Chỉ số này được Google phân loại thành 3 cấp độ:

  • Màu xanh – thời gian tải trang từ 2 giây trở xuống có nghĩa là đạt

  • Màu vàng – thời gian tải trang từ 4 giây trở xuống có nghĩa là cần cải thiện 

  • Màu đỏ – thời gian tải trang trên 4 giây có nghĩa cần khắc phục ngay 

Một số giải pháp để cải thiện chỉ số LCP:

  • Loại bỏ các đoạn code CSS không quan trọng

  • Tối ưu hosting server website 

  • Tôi ưu định dạng và dung lượng hình ảnh trên website 

  • Kiểm tra các phần tử lớn bằng Google PageSpeed Insights và xóa đi nếu phần tử không cần thiết

Xem thêm về chỉ số LCP (Largest Content Paint) tại đây

FID (First Input Delay) - Thời gian phản hồi tương tác đầu tiên

Chỉ số này đo lường khoảng thời gian từ tương tác đầu tiên của người dùng đến lúc trình duyệt bắt đầu xử lý tương tác phản hồi lại tương tác đầu tiên của người dùng trên website. 

Lưu ý: Các hành động như lướt xuống hoặc zoom lên sẽ không được tính vào chỉ số này.

Ví dụ, khi người dùng thực hiện đăng nhập, đăng ký tài khoản, họ sẽ muốn thực hiện điền thông tin một cách nhanh chóng thì website cần phản hồi lại tương tác đó của họ một cách nhanh chóng

Chỉ số này được Google phân loại thành 3 cấp độ:

  • Màu xanh: Thời gian phản hồi tương tác đầu tiên dưới 100ms (millisecond) là tốt nhất
  • Màu vàng:  Thời gian phản hồi tương tác đầu tiên trên 100ms đến 300ms (millisecond) có nghĩa là cần cải thiện
  • Màu đỏ: Thời gian phản hồi tương tác đầu tiên trên 300ms (millisecond) có nghĩa là cần khắc phục ngay

Một số giải pháp để cải thiện chỉ số FID:

  • Tối ưu mã JavaScript và CSS

  • Xóa mã Javascript không cần thiết của bên thứ 3

  • Sử dụng cache của trình duyệt để giảm thời gian load CSS và tăng tốc độ tải trang

Xem thêm về chỉ số FID (First Input Delay) tại đây

CLS (Cumulate Layout Shift) - Điểm số tổng hợp về sự thay đổi bố cục

Chỉ số này đo sự ổn định của trang trong suốt thời gian hoạt động. Cụ thể, nếu trong quá trình website hoạt động mà bố cục thay đổi liên tục sẽ khiến người dùng bấm nhầm vào một nội dung khác với nội dung họ đang muốn tương tác. 

Chỉ số này được Google phân loại thành 3 cấp độ:

  • Màu xanh: Chỉ số này ở mức từ 0 tới 0,1 là tốt, website ổn định. Trên 0.25 thì bạn nên xem xét tối ưu lại website.
  • Màu vàng:  Chỉ số này ở mức từ 0,1 tới 0,25 là cần cải thiện 
  • Màu đỏ: Chỉ số này trên 0.25 thì bạn nên xem xét tối ưu lại website. 

Một số giải pháp để cải thiện chỉ số CLS:

  • Đảm bảo không gian cho các phần tử trên website để tránh trường hợp các phần tử đột ngột di chuyển

  • Luôn đính kèm size attribute dimensions cho các file media(video, hình ảnh, GIF,...) trong mã CSS để trình duyệt biết phần tử sẽ chiếm bao nhiêu dung lượng trên website

Xem thêm về chỉ số CLS (Cummulate Layout Shift) tại đây

Lưu ý: 
Nếu chỉ số của bạn chưa đủ dữ liệu để hiển thị, bạn có thể tham khảo bải viết "5 chiến lược hiệu quả để có nhiều traffic" của Học viện Haravan để tăng traffic cho website