Tương tác với Next Paint hiện là chỉ số quan trọng chính ổn định của trang web, thay thế cho Độ trễ đầu vào đầu tiên.
Hôm nay là hạn chót! Sau nhiều năm làm việc, cuối cùng chúng tôi cũng đã sẵn sàng biến Lượt tương tác với nội dung hiển thị tiếp theo (INP) làm chỉ số Chỉ số quan trọng chính ổn định của trang web. Điều này đánh dấu một bước tiến quan trọng trong cách chúng tôi đo lường khả năng phản hồi tương tác, giải quyết nhiều thiếu sót của Độ trễ đầu vào đầu tiên (FID).
Trong bài đăng này, chúng tôi sẽ tóm tắt nhanh những gì đang thay đổi, đặt lịch trình cụ thể hơn để ngừng sử dụng và loại bỏ FID khỏi các công cụ của Chrome, đồng thời chia sẻ một số tài nguyên để giúp bạn tìm và khắc phục các vấn đề về INP.
Nội dung thay đổi hôm nay
Về phía Chrome, giờ đây, tất cả công cụ Core Web Vitals của chúng tôi sẽ phản ánh trạng thái ổn định của INP nếu có. Ví dụ: Những công cụ như PageSpeed Insights, Trang tổng quan CrUX và tiện ích Các chỉ số quan trọng về trang web sẽ hiển thị INP một cách nổi bật hơn trong bộ ba chỉ số Chỉ số quan trọng chính của trang web. Riêng trong PageSpeed Insights, logic đánh giá Core Web Vitals sẽ đánh giá hiệu suất INP thay vì FID. Để tìm hiểu thêm về những thay đổi tương ứng với Search Console, hãy tham khảo bài đăng trên blog của nhóm Google Tìm kiếm.
Ngoài ra, kể từ hôm nay, một số công cụ có thể sẽ hiển thị thông báo về việc ngừng sử dụng FID để cảnh báo rằng chỉ số này không còn là Chỉ số quan trọng chính của trang web và sẽ bị xoá. Phần Tiến trình ngừng sử dụng FID dưới đây trình bày các thời điểm cần biết để đảm bảo bạn chuyển đổi hoàn toàn khỏi FID.
Tiến trình ngừng sử dụng FID
Giờ đây, INP đã thay thế FID làm chỉ số Chỉ số quan trọng chính của trang web, nên Chrome chính thức ngừng hỗ trợ FID. Điều này có nghĩa là các công cụ của Chrome sẽ không còn đảm bảo việc sử dụng FID được nữa và nhà phát triển sẽ phải chuyển sang INP từ nay đến ngày 9 tháng 9 năm 2024.
Điều này đặc biệt quan trọng đối với những người dùng API Báo cáo trải nghiệm người dùng trên Chrome (CrUX) hoặc PageSpeed Insights. Ứng dụng xử lý dữ liệu FID từ một trong hai API này phải được chuyển đổi sang INP chậm nhất vào ngày 9 tháng 9 để tránh tình trạng gián đoạn hoặc gián đoạn dịch vụ. Để rõ ràng, đây sẽ là một thay đổi có thể gây lỗi trong các phiên bản API mới nhất và sẽ không có trở ngại nào trong các số phiên bản chính!
Tài nguyên để tối ưu hoá INP
Bất kể bạn đang xem INP lần đầu hay bạn là một chuyên gia về khả năng phản hồi, thì việc thu thập tài nguyên tối ưu hoá INP là điểm khởi đầu tuyệt vời để tìm thấy thông tin bạn cần. Bộ tài liệu có giá trị lâu dài này bao gồm mọi thứ, từ định nghĩa của chính chỉ số đó, các kỹ thuật đo lường chỉ số đó tại địa phương và bằng người dùng thực, lời khuyên thiết thực để tối ưu hoá nhiều trường hợp sử dụng, cũng như danh sách các nghiên cứu điển hình thực tế cho thấy hướng dẫn trong thực tiễn.
Khi sử dụng các tài liệu này, bạn có thể áp dụng quy trình công việc chung sau đây để tìm và khắc phục các vấn đề về INP trên trang web của mình:
Hãy tìm hiểu cách INP đo lường khả năng thích ứng đối với tương tác của người dùng trong tài liệu chính tắc về INP.
Xem dữ liệu người dùng thực để đánh giá hiệu suất INP của trang web. Ít nhất 75% trải nghiệm INP phải phản hồi hoạt động đầu vào của người dùng trong vòng dưới 200 mili giây để được coi là tốt. Nếu trang web của bạn đã có INP tốt, đừng lo lắng!
Kết nối URL của bạn vào PageSpeed Insights hoặc xem báo cáo Chỉ số quan trọng chính của trang web trên Search Console nếu trang web của bạn có trong tập dữ liệu CrUX.
Hãy liên hệ với nhà cung cấp phân tích của bạn xem họ có hỗ trợ theo dõi INP hay không.
Triển khai giải pháp INP của riêng bạn bằng cách sử dụng web-vitals.js.
Nếu cần, hãy đo lường trang web của bạn để thu thập thông tin chẩn đoán về trải nghiệm người dùng. Đây là siêu dữ liệu quan trọng như phần tử trang mà người dùng đã tương tác và lý do trang bị chậm, cũng như các dữ liệu hữu ích khác. Nhìn chung, thông tin này sẽ giúp bạn nắm được những cơ hội cải thiện hiệu quả nhất.
Tái hiện các lượt tương tác bị chậm cục bộ bằng Công cụ của Chrome cho nhà phát triển. Thao tác này sẽ giúp bạn hiểu chính xác những gì đang xảy ra và mã vi phạm là gì.
Tối ưu hoá mã để ít thao tác nhất có thể trong khi xử lý tương tác của người dùng:
Hãy đo lường các thay đổi cục bộ và theo dõi trải nghiệm người dùng thực để đảm bảo hiệu suất INP đạt được (và duy trì!)
Hy vọng rằng tài liệu hướng dẫn này sẽ giúp bạn đi đúng hướng để tối ưu hoá INP. Nếu gặp vấn đề trong quá trình này, bạn luôn có thể yêu cầu trợ giúp bằng cách đăng câu hỏi có gắn thẻ interaction-to-next-paint trên Stack Overflow.
Việc ra mắt INP dưới dạng Chỉ số quan trọng chính của trang web đã diễn ra từ lâu. Hãy xem lại bài đăng đầu tiên của chúng tôi về việc xây dựng chỉ số phản hồi nhanh hơn vào năm 2021. Kể từ đó, chúng tôi đã xem xét tất cả những ý kiến phản hồi tuyệt vời của cộng đồng và phát triển một chỉ số mà chúng tôi tin tưởng rằng sẽ hướng dẫn nhà phát triển cải thiện một khía cạnh trong trải nghiệm người dùng chưa được quan tâm, mà cuối cùng là mang đến môi trường web chất lượng cao hơn. Cảm ơn tất cả các bạn đã giúp định hình chỉ số này và đã nỗ lực cải thiện trạng thái phản hồi!