Danh mục dự án
Google là công cụ tìm kiếm hàng đầu thế giới và để đạt được điều này, họ liên tục thay đổi thuật toán của mình để đảm bảo người dùng có được trải nghiệm tốt nhất. Một trong những chỉ số quan trọng của Google là Core Web Vitals (CWV) – ba chỉ số trải nghiệm người dùng. Tuy nhiên, Core Web Vitals lại được cập nhật bởi metric Interaction to Next Paint (INP) vào tháng 3 năm 2024. Vậy INP là gì và làm thế nào để cải thiện nó? Hãy cùng tìm hiểu!
Core Web Vitals và sự thay đổi của Google
Core Web Vitals được đưa ra vào tháng 6 năm 2021 và bao gồm ba chỉ số sau:
- Largest Contentful Paint (LCP): Chỉ số này đo thời gian mà nội dung chính của trang web hiển thị cho người dùng lần đầu tiên. Thời gian tải trang từ trống đến khi nội dung hiển thị hoàn thành.
- Cumulative Layout Shift (CLS): Chỉ số này đo sự ổn định của giao diện trang web khi tải và phân tích cách các thành phần của trang tương tác với nhau.
- First Input Delay (FID): Chỉ số này đo thời gian phản hồi của trang web khi người dùng tương tác với trang, ví dụ như khi nhấp chuột hoặc chạm vào màn hình.
Tuy nhiên, trong tháng 3 năm 2024, INP sẽ thay thế FID.
Interaction to Next Paint (INP) là gì?
Chỉ số Interaction to Next Paint (INP) đo khoảng thời gian giữa lần tương tác của người dùng với trang và khi trang được cập nhật tiếp theo. Ví dụ, nếu người dùng nhấp chuột vào một nút và sau đó trang bị treo lại trong nửa giây trước khi cập nhật, giá trị INP sẽ là 500 mili giây. Trình duyệt sẽ dành thời gian đó để chạy mã website và render trang đã được cập nhật.
Tại sao Google lại chuyển từ FID sang INP?
Chỉ số cũ FID thường không xác định được trải nghiệm người dùng kém khi nó xảy ra. INP cải thiện chỉ số FID theo hai cách sau:
- INP xem xét toàn bộ thời gian giữa tương tác của người dùng và cập nhật trực quan tiếp theo trên trang. FID chỉ xem xét một phần của tổng thời gian chờ đợi.
- INP xem xét tất cả các tương tác trang và thông thường báo cáo tương tác có độ trễ lớn nhất. Trong khi đó, FID chỉ xem xét tương tác đầu tiên.
Interaction to Next Paint (INP) của tôi nên là gì?
Để đáp ứng tiêu chí Core Web Vitals của Google và đảm bảo trải nghiệm tốt cho người dùng, INP của bạn cần đạt giá trị dưới 200 mili giây. Hầu hết các trang web đều đạt được ngưỡng FID khá dễ dàng với 93% trang di động cung cấp trải nghiệm tốt. Tuy nhiên, chỉ có 64% các trang web hiện đang làm tốt trên chỉ số Interaction to Next Paint (INP). Bạn có thể sử dụng công cụ miễn phí như PageSpeed Insights hoặc DebugBear để xem mức độ hoạt động của trang web của mình và tab “Web Vitals” trong DebugBear cũng cho bạn xem lịch sử điểm INP của trang web của bạn đã thay đổi như thế nào trong thời gian qua.
Những yếu tố gây ra INP chậm
Công việc xử lý CPU liên tục trên trang web mà ngăn trình duyệt hiển thị nội dung trang được cập nhật chính là yếu tố gây ra giá trị INP chậm. Hãy cùng tìm hiểu chi tiết những nơi bạn có thể tìm kiếm các vấn đề tiềm năng về chỉ số INP.
1. JavaScript
JavaScript là ngôn ngữ lập trình phổ biến nhất để tạo ra các tính năng tương tác trên trang web. Tuy nhiên, mã JavaScript không tối ưu hóa có thể dẫn đến giá trị INP chậm. Ví dụ, nếu bạn sử dụng các thư viện JavaScript lớn, chúng có thể làm tăng thời gian phản hồi của trang web.
Để giảm thiểu ảnh hưởng của JavaScript đến INP, bạn có thể sử dụng các tính năng khác như CSS hoặc HTML. Nếu bạn không thể loại bỏ mã JavaScript, bạn cũng có thể tối ưu hóa mã của mình để giảm thiểu thời gian phản hồi.
2. Tải trang
Tải trang chậm cũng có thể dẫn đến giá trị INP chậm. Trang web với kích thước lớn và nhiều hình ảnh sẽ tốn nhiều thời gian để tải. Do đó, bạn có thể tối ưu hóa hình ảnh và tệp CSS để tăng tốc độ tải trang.
3. Tương tác người dùng
Các tính năng tương tác người dùng có thể làm tăng giá trị INP. Ví dụ, các biểu mẫu có thể yêu cầu nhiều thao tác hoặc xác minh bổ sung từ người dùng. Để giảm thiểu ảnh hưởng của tính năng này đến INP, bạn có thể sử dụng cách tiếp cận khác hoặc giảm số lượng các yêu cầu từ người dùng.
Kết luận
Với sự thay đổi của Google trong Core Web Vitals, Interaction to Next Paint (INP) sẽ là chỉ số quan trọng tiếp theo. Để đạt được mục tiêu đó và đảm bảo trải nghiệm tốt cho người dùng, bạn cần chú ý đến giá trị INP của trang web của mình. Bằng cách tối ưu hóa JavaScript, tải trang và tính năng tương tác người dùng, bạn có thể cải thiện giá trị INP của trang web của mình và đạt được thành công trên Google.
