Interaction to Next Paint (INP) trong Core Web Vitals

Interaction to Next Paint (INP) trong Core Web Vitals là gì và cách tối ưu INP.

Nếu bạn để ý thì từ cuối năm ngoái, trong Google Search Console (phần “Chỉ số quan trọng chính của trang web”) đã xuất hiện thêm mục “Chuẩn bị cho những thay đổi sắp tới vào tháng 3 năm 2024”. Theo đó, kể từ ngày 12 tháng 3 năm 2024 này, Interaction to Next Paint (INP hay lượt tương tác đến nội dung hiển thị tiếp theo) sẽ chính thức thay thế cho First Input Delay (FID hay thời gian phản hồi lần tương tác đầu tiên) để trở thành một trong các chỉ số chính của Core Web Vitals, bên cạnh Largest Contentful Paint (LCP) và Cumulative Layout Shift (CLS). Vậy thì INP là gì? Nó khác với FID ra sao? Và làm thế nào để cải thiện chỉ số INP cho website WordPress của bạn? Hãy cùng WP Căn bản dành vài phút để cùng tìm hiểu ngay sau đây.

Tham khảo thêm:

• Google giới thiệu thuật toán xếp hạng trải nghiệm trang
• Điểm Google PageSpeed Insights liệu có còn đáng tin?

Interaction to Next Paint (INP) là gì?

Theo Google thì Interaction to Next Paint (INP) là chỉ số đánh giá khả năng phản hồi tổng thể của một trang đối với các tương tác của người dùng bằng cách quan sát độ trễ của tất cả các tương tác nhấp, nhấn và gõ bàn phím xảy ra trong suốt thời gian người dùng truy cập vào một trang. Giá trị INP cuối cùng tương ứng với lượt tương tác dài nhất quan sát được, bỏ qua các điểm ngoại lai.

Hiểu một cách đơn giản thì INP đo lường thời gian phản hồi các tương tác của khách truy cập trong suốt thời gian họ ở trên website của bạn (thay vì chỉ đo thời gian phản hồi của tương tác đầu tiên như FID). Nếu thời gian phản hồi lâu thì website sẽ bị đánh giá là phản hồi kém.

Tại sao Google thay thế FID bằng INP?

“Thời gian phản hồi lần tương tác đầu tiên” (FID) thể hiện khía cạnh phản hồi tương tác đầu tiên của website. Nhưng theo thời gian, rõ ràng là cần có một chỉ số mới để ghi nhận khía cạnh của tất cả các tương tác khác trên website mà FID không làm được. Nhóm Chrome nhận thấy nhu cầu này và đã đưa “Lượt tương tác với nội dung tiếp theo” (INP) làm chỉ số thử nghiệm vào tháng 5 năm 2022. Năm ngoái, INP đã trở thành một chỉ số đang chờ xử lý và Google đã thông báo rằng INP sẽ được nâng lên trạng thái ổn định (stable) vào tháng 3 năm 2024.

INP sẽ chính thức trở thành chỉ số quan trọng chính của trang web (Core Web Vitals) và thay thế FID vào ngày 12 tháng 3 năm nay. Một kết quả khác của quá trình này là FID sẽ không còn là chỉ số quan trọng chính của trang web, sẽ chính thức không được sử dụng nữa và bị xoá khỏi chương trình. Nghĩa là Google sẽ đo lường website của bạn dựa vào 3 chỉ số là INP, LCP và CLS thay vì FID, LCP và CLS như trước đó.

Các mức độ của chỉ số INP

Tương tự như các chỉ số chính khác, INP cũng được phân làm 3 mức độ:

Trong đó:

• INP dưới hoặc bằng 200 mili giây có nghĩa là trang của bạn có khả năng phản hồi tốt.
• INP trên 200 mili giây và dưới 500 mili giây có nghĩa là khả năng phản hồi của trang cần được cải thiện.
• INP trên 500 mili giây có nghĩa là trang của bạn phản hồi kém.

Làm thế nào để kiểm tra chỉ số INP của các trang?

Ngay bây giờ, hãy truy cập vào Google Search Console => Chỉ số quan trọng chính của trang web => Sơ đồ trang web dành cho điện thoại di động hoặc Máy tính => kéo xuống dưới cùng và bạn sẽ tìm thấy thông tin liên quan đến chỉ số INP.

• Nếu bạn thấy những thông báo kiểu như thế này thì hãy click vào để kiểm tra xem những URL nào chưa đạt và tìm cách khắc phục:

• Nếu bạn thấy những thông báo kiểu như thế này thì xin chúc mừng vì website của bạn đã đạt các tiêu chuẩn về INP:

Ngoài ra, các bạn cũng có thể sử dụng các công cụ đo lường như Google PageSpeed Insights để kiểm tra. Tuy nhiên, lưu ý là phương pháp này chỉ kiểm tra được từng URL thôi nhé. Bạn không thể chỉ kiểm tra mỗi trang chủ rồi áp kết quả đó cho tất cả các URL khác trên website được.

Làm thế nào để cải thiện INP trong WordPress?

Có nhiều yếu tố khác nhau ảnh hưởng đến chỉ số INP. Tuy nhiên, nhìn chung, nếu muốn website của bạn phản hồi nhanh với các tương tác thì cần đảm bảo mã nguồn của nó nhẹ nhất có thể và host của bạn đủ nhanh. INP sẽ đo lường toàn thời gian, do đó các thủ thuật để qua mặt Google nhằm tăng điểm, chẳng hạn như delay, hầu như không còn tác dụng nữa.

• Lựa chọn host tốt là yếu tố đầu tiên cần được xét đến. Nếu host mà bạn đang dùng quá yếu, không đáp ứng được nhu cầu của website, hãy nâng cấp cấu hình hoặc chuyển qua sử dụng host của nhà cung cấp khác. Dịch vụ WordPress Hosting của WP Căn bản là một trong những đề xuất hàng đầu mà bạn có thể tham khảo.
• Lựa chọn theme nhẹ (ưu tiên ít sử dụng JS) và có code được tối ưu tốt. Tránh sử dụng những web builder nặng như Elementor, WP Bakery… Ưu tiên sử dụng những theme được xây dựng bằng trình soạn thảo mặc định của WordPress (Block Editor). Một số lựa chọn tốt mà bạn có thể tham khảo là GeneratePress hay Paradise child theme mà WP Căn bản đang phát triển.
• Xóa bỏ những plugin, tính năng, hiệu ứng màu mè và rườm rà… không thực sự cần thiết với website của bạn. Hạn chế sử dụng ảnh GIF, icon font (Font Awesome…), web font nói chung và Google Fonts nói riêng.
• Sử dụng plugin tạo cache và tối ưu mã nguồn (CSS, JS, HTML, Google Fonts…) chẳng hạn như LiteSpeed Cache, WP Rocket, Autoptimize…
• Cài đặt plugin nén ảnh, tạo ảnh WebP và lazy load hình ảnh.
• Cài đặt CDN để tăng tốc độ load và giảm tải cho website của bạn. Một trong những dịch vụ CDN hoàn toàn miễn phí, chất lượng tốt mà bạn có thể tham khảo là CloudFlare.
• Đừng để quá nhiều nội dung hiển thị trên cùng một trang (DOM quá lớn). Nếu bài viết của bạn quá dài hoặc có nhiều bình luận, hãy phân trang cho chúng.

Tham khảo thêm về cách tối ưu hoá tương tác cho thời gian hiển thị tiếp theo của Google tại đây nếu bạn có nhu cầu nghiên cứu chuyên sâu. Nếu bạn đang cần một dịch vụ tối ưu chuyên nghiệp, hãy tham khảo dịch vụ tối ưu WordPress miễn phí dành riêng cho các khách hàng của chúng tôi.

WP Căn bản đã sẵn sàng cho sự ra mắt chính thức của INP vào ngày 12 tháng 3. Còn bạn thì sao? Website của bạn đã đạt yêu cầu về chỉ số INP chưa? Bạn đã làm cách nào để cải thiện nó? Hãy chia sẻ với chúng tôi những kinh nghiệm của bạn thông qua khung bình luận ở bên dưới.

Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)