Core Web Vitals là các chỉ số dùng để đánh giá hiệu suất hoạt động của website nhằm mang lại trải nghiệm người dùng tốt hơn, đây là một trong những yếu tố được Google xem xét để quyết định thứ hạng của website trên trang tìm kiếm.
Bài viết này mình chỉ giới thiệu 2 chỉ số mà mình cho là quan trọng, ảnh hưởng lớn nhất đến trang web.
Largest Contentful Paint
Largest Contentful Paint được sử dụng để đo tốc độ người truy cập trang web sẽ thấy nội dung hữu ích trên màn hình. Nếu LCP quá chậm, người truy cập sẽ cảm thấy trang web mất quá nhiều thời gian để tải. Lý tưởng nhất là LCP dưới 2.5 giây.
Thông thường là phần tử ảnh hoặc video lớn nhất trên trang web của bạn. Một số cách giảm LCP:
- Dùng định dạng ảnh Webp để tăng tốc độ tải
- Tối ưu CSS và JavaScript
- Sử dụng plugin Image Prioritizer và đặt
fetchpriority="high"vào ảnh đầu tiên hiển thị.
Cumulative Layout Shift
CLS đo lường lượng thay đổi bố cục bất ngờ xảy ra trong quá trình tải trang và trong thời gian khách truy cập ở trên trang. Thay đổi bố cục lớn mang lại trải nghiệm người dùng kém vì người dùng có thể nhấp vào phần tử sai hoặc việc đọc của họ có thể bị gián đoạn nếu văn bản di chuyển bất ngờ.
Để giảm CLS, cách tốt nhất là đặt width và height ở tất cả các ảnh hiển thị.
Chúc các bạn thành công!
Không có bình luận.