Tương tác đến Lần Vẽ Tiếp Theo là gì? Giải thích INP và FID

INP là gì?

Tương tác đến Lần Vẽ Tiếp Theo (INP) là một chỉ số hiệu suất web đo lường tốc độ cập nhật hoặc hiển thị thay đổi của một website sau khi người dùng tương tác với nó.

Nó cụ thể ghi lại độ trễ giữa lúc người dùng tương tác với trang web của bạn—như nhấp vào một liên kết, nhấn phím trên bàn phím, hoặc chạm vào một nút—và khi họ thấy phản hồi trực quan.

INP là một trong những Core Web Vitals (một tập hợp các chỉ số cho thấy mức độ thân thiện với người dùng của một website).

Hai chỉ số còn lại là:

• Cumulative Layout Shift (CLS): Đo lường mức độ di chuyển bất ngờ của các yếu tố trên trang trong khi trang đang tải
• Largest Contentful Paint (LCP): Đo lường thời gian để phần nội dung lớn nhất trên trang (như video hoặc khối văn bản) được tải

Vào tháng 3 năm 2024, INP đã thay thế một chỉ số hiệu suất gọi là First Input Delay (FID).

So sánh First Input Delay và Tương tác đến Lần Vẽ Tiếp Theo

FID đo lường thời gian mà trang web của bạn phản hồi yêu cầu đầu tiên của người dùng bằng cách tính toán thời gian từ lần tương tác đầu tiên của họ đến khi trang bắt đầu xử lý đầu vào của họ. Vì vậy, FID chỉ theo dõi độ trễ cho lần tương tác đầu tiên của một người với trang web.

Nhưng INP theo dõi tất cả các tương tác của người dùng trong suốt phiên làm việc, và dựa trên độ trễ dài nhất mà người dùng trải nghiệm.

Vì lý do này, INP cung cấp cho các nhà phát triển và chủ sở hữu trang web cái nhìn tổng thể hơn về mức độ phản hồi của một trang web đối với người dùng.

Ví dụ, hãy tưởng tượng rằng một khách truy cập vào trang web của bạn và điều đầu tiên họ làm là nhấp vào menu của bạn, mất 100 mili giây để tải. Sau đó, họ nhấp vào một liên kết trong menu và mất 400 mili giây để trang liên kết được tải.

FID sẽ chỉ đo lường lần tương tác đầu tiên là 100 mili giây. Nhưng INP tính toán tất cả các tương tác và trả về một chỉ số là 400 mili giây.

Tại sao INP quan trọng cho SEO?

Cải thiện INP của bạn có nghĩa là trang web của bạn sẽ tải và phản hồi nhanh hơn, khiến nó cảm thấy thân thiện hơn với người dùng.

Cụ thể, một điểm số INP tốt giúp bạn đạt được:

• Tỷ lệ thoát thấp hơn : Người dùng ít có khả năng rời khỏi một trang web quá sớm khi nó phản hồi nhanh chóng với yêu cầu của họ. Thực tế,một nghiên cứu trường hợp của Google giải thích cách mà The Economic Times giảm tỷ lệ thoát của họ xuống 50% sau khi cải thiện INP. Hiệu suất tốt hơn trong xếp hạng tìm kiếm
• : Là một phần của Core Web Vitals của Google, INP ảnh hưởng đến cách mà Google đánh giá thứ hạng của trang web của bạn. Các trang web có điểm INP thấp hơn thường được đánh giá cao hơn trong xếp hạng tìm kiếm vì chúng cung cấp trải nghiệm người dùng mượt mà hơn.Tăng tỷ lệ chuyển đổi
• : Khi INP trở nên tồi tệ hơn,các chuyển đổi thường bị ảnh hưởng . Bởi vì người dùng ít có khả năng hoàn tất mua hàng hoặc đăng ký dịch vụ trên một trang web cảm thấy chậm chạp.INP tốt là gì?

Một điểm số INP tốt là

200 mili giây hoặc ít hơn , theo Google.Trang web của bạn cần đạt được ngưỡng này để vượt qua bài kiểm tra Core Web Vitals của Google. Và đảm bảo trải nghiệm người dùng tốt (UX).

Một điểm số INP từ 200 đến 500 mili giây có nghĩa là tính tương tác của trang web của bạn cần cải thiện. Và một điểm số INP từ 500 mili giây trở lên là một điểm số kém, có nghĩa là trang web của bạn phản hồi chậm với yêu cầu của người dùng.

Bất kỳ điều gì dưới ngưỡng tốt có thể làm người truy cập cảm thấy khó chịu. Bởi vì họ có thể nghĩ rằng có điều gì đó sai với trang web hoặc thiết bị của họ. Và rời khỏi trang web của bạn như một kết quả.

Cách đo lường INP

Dưới đây là bốn công cụ bạn có thể sử dụng để theo dõi INP của mình:

Site Audit

Báo cáo

kiểm tra SEO miễn phí của chúng tôi cung cấp cho bạn một cái nhìn nhanh về Core Web Vitals. Để kiểm tra sức khỏe trang web tổng thể trên 140+ vấn đề kỹ thuật và on-page độc đáo, hãy sử dụng Semrush Site Audit. Mở công cụ, nhập miền của bạn và nhấp vào “ Bắt đầu kiểm tra

Mở công cụ, nhập tên miền của bạn, và nhấp vào “Tiếp theo, cấu hình cài đặt kiểm tra của bạn. Điều này bao gồm việc thiết lập phạm vi và tùy chỉnh các chi tiết của kiểm tra..”

cấu hình Site Audit của chúng tôi

để biết thông tin cụ thể về cách tùy chỉnh kiểm tra của bạn. Khi bạn đã sẵn sàng, nhấp vào “ Bắt đầu Site Audit

Khi bạn đã sẵn sàng, nhấp vào “Khi kiểm tra của bạn hoàn tất, bạn sẽ thấy một trang “Tổng quan” như thế này:.”

Xem chi tiết

Dưới “Báo cáo Chủ đề,” bạn sẽ tìm thấy widget báo cáo “Core Web Vitals”. Nhấp vào “Cuộn xuống phần “Chỉ số.” Tại đây, bạn sẽ thấy điểm số LCP và CLS của mình. Cùng với một chỉ số khác gọi là Total Blocking Time (TBT).”.

Site Audit sử dụng TBT để đánh giá INP. Bởi vì công cụ này dựa vào dữ liệu phòng thí nghiệm để mô phỏng các tương tác của người dùng. Và INP chỉ được đo lường bằng phản hồi từ người dùng thực.

Nhấp vào một vấn đề dưới cột “Cải tiến hàng đầu” để tìm hiểu thêm về vấn đề và cách khắc phục nó.

Như thế này:

Chọn số dưới cột “Các trang bị ảnh hưởng” để có danh sách đầy đủ các trang có vấn đề.

Thực hiện điều này cho mỗi vấn đề được liệt kê. Và giải quyết các vấn đề mà công cụ đã xác định để cải thiện điểm số Tương tác đến Lần Vẽ Tiếp Theo của bạn.

Báo cáo Trải nghiệm Người dùng Chrome

Báo cáo Trải nghiệm Người dùng Chrome (CrUX) của bạn cung cấp dữ liệu hiệu suất về cách mà người dùng Chrome thực sự trải nghiệm trang web của bạn.

Cách dễ nhất để truy cập CrUX là thông qua

Bảng điều khiển CrUX

Cách dễ nhất để truy cập CrUX là thông qua Bảng điều khiển CrUX.

Mở công cụ, nhập URL của trang web bạn muốn theo dõi, và nhấn “Đi.”

Khi báo cáo của bạn đã sẵn sàng, bạn sẽ thấy một phân tích chi tiết về tất cả các Core Web Vitals của bạn. Dành cho cả người dùng di động và máy tính để bàn.

Đi đến “Tương tác đến Lần Vẽ Tiếp Theo” từ menu bên trái để tập trung vào INP của bạn.

Báo cáo này cho bạn thấy một phân tích chi tiết về INP của trang web bạn trong vài tháng qua.

Trong trường hợp cụ thể này, bạn có thể thấy rằng 65.9% các trang có điểm INP tốt vào tháng 7 năm 2023. Trong khi 17.87% có điểm INP kém.

Và vào tháng 4 năm 2024, 67.91% các trang có điểm INP tốt. Và 14.1% các trang có điểm kém.

Điều này giúp bạn hiểu cách mà tính tương tác của trang web bạn đã thay đổi theo thời gian. Vì vậy, bạn có thể nhận ra nếu, và khi nào, nó bắt đầu trở nên chậm chạp đối với người dùng.

Mẹo

Bạn sẽ tự động thấy kết quả cho cả người dùng di động và máy tính để bàn. Để chỉ xem điểm số của bạn cho di động hoặc máy tính để bàn, hãy nhấn vào bộ lọc “Thiết bị” ở góc trên bên phải. Sau đó, chọn loại thiết bị của bạn.

Google Search Console

Báo cáo “Core Web Vitals” trong Google Search Console (GSC) sử dụng dữ liệu thực để cung cấp cho bạn cái nhìn về trang web của bạn.

Để truy cập báo cáo này, đăng nhập vào GSC và chọn “Core web vitals” từ menu bên trái.

Bạn sẽ thấy một trang tổng quan bao gồm hai biểu đồ. Một cho các URL của bạn trên máy tính để bàn và một cho di động.

Nhấn “Mở báo cáo” trong bất kỳ biểu đồ nào để biết thêm chi tiết.

Cuộn xuống phần “Tại sao các URL không được coi là tốt” để kiểm tra bất kỳ vấn đề INP nào.

Nếu trang web của bạn có vấn đề INP, bạn sẽ thấy một hàng ghi “Vấn đề INP:” được liệt kê dưới cột “Vấn đề” chi tiết về mối quan tâm.

Như thế này:

Nhấn vào vấn đề để biết thêm chi tiết.

Lưu ý

Nếu bạn có một trang web tương đối nhỏ hoặc nếu trang web của bạn mới, bạn có thể không tìm thấy bất kỳ thông tin nào trong báo cáo Core Web Vitals của bạn. Trong trường hợp này, hãy sử dụng PageSpeed Insights (được đề cập trong phần tiếp theo).

PageSpeed Insights

PageSpeed Insights của Google (PSI) là một công cụ miễn phí đánh giá Core Web Vitals của một trang web đơn lẻ.

Nó cũng xác định các vấn đề về hiệu suất và SEO khác trên trang web đó. Vì vậy, bạn có thể làm cho nó nhanh hơn và thân thiện hơn với người dùng.

Mở PageSpeed Insights, nhập URL bạn muốn kiểm tra, và nhấn “Phân tích.”

Bạn có thể tìm thấy điểm INP của mình dưới phần “Đánh giá Core Web Vitals.”

Lưu ý rằng bạn sẽ tự động thấy kết quả cho phiên bản di động của trang bạn. Để xem báo cáo máy tính để bàn của bạn, hãy chọn “Máy tính để bàn” từ đầu trang.

Cuộn xuống phần “Chẩn đoán” và lọc cho “TBT” để xem các khuyến nghị liên quan cụ thể đến Thời gian Chặn Tổng (Total Blocking Time) của trang bạn.

Giống như với Site Audit, việc giải quyết các vấn đề liên quan đến TBT có thể cải thiện điểm Interaction to Next Paint của bạn.

Cách Tối Ưu Hóa Interaction to Next Paint

Một báo cáo có cho thấy vấn đề Interaction to Next Paint không? Dưới đây là một số cách tốt nhất để cải thiện điểm số của bạn:

Giảm Kích Thước Trang

Giảm kích thước trang giúp tăng tốc độ mà một trang web trở nên tương tác. Google khuyến nghị giữ kích thước trang của bạn dưới 500 KB.

Để khám phá kích thước của trang web của bạn, hãy mở trang trong một trình duyệt như Chrome hoặc Firefox.

Nhấp chuột phải vào trang và chọn "Kiểm tra."

Đi đến tab "Mạng" và tải lại trang.

Bạn sẽ thấy kích thước của mỗi tệp được tải bởi trang dưới cột “Kích thước”. Tổng kích thước của trang của bạn sẽ được liệt kê ở dưới cùng, được gán nhãn là “# MB đã chuyển” hoặc “# KB đã chuyển.”

Một bước dễ dàng đầu tiên để giảm kích thước trang của bạn là nén hình ảnh. Sử dụng các công cụ miễn phí như TinyPNG hoặc Compressor.io để giảm kích thước tệp của hình ảnh mà không làm mất chất lượng.

Và việc sử dụng phông chữ hệ thống, được cho là đã được cài đặt trên hầu hết các thiết bị, giảm nhu cầu tải xuống các tệp bổ sung. Để giúp giảm kích thước trang.

Bạn có thể chọn một phông chữ cụ thể (như Arial hoặc Times New Roman). Hoặc mặc định vào phông chữ ưa thích trên các thiết bị của người dùng bằng cách sử dụng CSS.

Giảm Kích Thước DOM

DOM là cấu trúc phân cấp tổ chức tất cả các phần tử trên một trang—như văn bản, hình ảnh và nút. Và một DOM nhỏ hơn sẽ nhanh hơn cho trình duyệt xử lý và quản lý, điều này có thể cải thiện INP.

Bạn có thể đơn giản hóa cấu trúc của trang bằng cách giảm số lượng các phần tử HTML không cần thiết mà nó có. Như văn bản, hình ảnh và nút.

Công cụ kiểm tra SEO miễn phí của chúng tôi cung cấp cho bạn một cái nhìn nhanh về hiệu suất. Để xác định các trang có kích thước DOM quá lớn, hãy sử dụng Semrush Site Audit. Đi đến báo cáo “Core Web Vitals” của bạn, và cuộn xuống “Thời gian chặn tổng (TBT).” Nhấn vào số ở phía trước cải tiến “Tránh kích thước DOM quá lớn.”

Bạn sẽ thấy danh sách các trang bị ảnh hưởng, như thế này:

Truy cập những trang đó, và xem nếu có các phần tử bạn có thể loại bỏ hoặc thay thế.

Ví dụ:

Hình ảnh không cần thiết

• Các widget như nguồn cấp dữ liệu mạng xã hội không mang lại giá trị cho người dùng
• Văn bản dài có thể được rút gọn
• Các nút trùng lặp như “Mua ngay” và “Thêm vào giỏ hàng” thực hiện cùng một chức năng
• Bạn cũng có thể làm việc với một nhà phát triển để loại bỏ các phần tử không hiển thị từ trang được tải ban đầu.

Để làm điều đó, hãy mở trang web của bạn và xem những gì hiển thị mà không cần cuộn hoặc nhấp vào bất cứ điều gì. Đây là những phần của trang web bạn cần tải trước.

Các phần bạn không thấy ngay lập tức không cần phải tải ngay lập tức.

Các phần bạn không thấy ngay lập tức không cần phải tải ngay lập tức.

Hãy yêu cầu nhà phát triển của bạn giúp thiết lập trang web của bạn sao cho những phần ẩn này chỉ tải khi người dùng nhấp vào nút hoặc cuộn xuống trang.

Giảm Thời Gian Thực Thi JavaScript

JavaScript là một ngôn ngữ lập trình chịu trách nhiệm cho việc mã hóa các phần tử động như biểu mẫu, menu và hoạt ảnh.

Giảm thời gian thực thi JavaScript giúp tối ưu hóa tương tác đến lần vẽ tiếp theo. Bởi vì thời gian chạy JavaScript càng lâu, trang sẽ phản hồi yêu cầu của người dùng càng chậm.

Sử dụng báo cáo “Core Web Vitals” trong Site Audit để phát hiện các trang có thời gian thực thi JavaScript chậm.

Nhà phát triển của bạn có thể cải thiện những trang này bằng cách:

• Giảm thiểu và nén mã
• Loại bỏ mã không sử dụng
• Triển khai phân chia mã—chia mã thành nhiều gói nhỏ hơn

Giới hạn Các Script Bên Thứ Ba

Các script bên thứ ba là những đoạn mã đến từ các nguồn bên ngoài. Như công cụ phân tích, nút mạng xã hội, quảng cáo, nhúng trình phát video.

Những script này thêm chức năng bổ sung và làm cho trang của bạn trở nên tương tác hơn. Nhưng chúng cũng có thể làm chậm trang web của bạn bằng cách sử dụng băng thông và sức mạnh xử lý bổ sung.

Nếu trang web của bạn gặp vấn đề với các script bên thứ ba, bạn sẽ tìm thấy danh sách các trang gặp sự cố trong Site Audit báo cáo “Core Web Vitals”.

Xem qua những trang này và cân nhắc việc loại bỏ các script không cần thiết. Nhà phát triển của bạn cũng có thể giảm tác động của chúng bằng cách:

• Trì hoãn việc tải cho đến khi nội dung chính của trang tương tác được
• Triển khai lazy loading
• Tối ưu hóa cách trang web phục vụ các script bên thứ ba

Giảm Thiểu Công Việc Trên Luồng Chính

Luồng chính chịu trách nhiệm cho việc hiển thị (render) trang web, thực thi JavaScript và phản hồi yêu cầu của người dùng. Như tải hình ảnh hoặc cập nhật nội dung.

Khi luồng chính bận xử lý các tác vụ khác, nó không thể phản hồi các tương tác của người dùng. Điều này có thể khiến trang web của bạn cảm thấy chậm chạp với người dùng.

Sử dụng Site Audit để xác định các tác vụ dài trên một trang.

Trong báo cáo “Core Web Vitals” của bạn, cuộn xuống phần “Analyzed Pages”. Nhấp vào mũi tên bên cạnh một URL có điểm TBT kém.

Cuộn xuống phần TBT để xem danh sách các tác vụ dài nhất làm chậm một trang cụ thể.

Chuyển danh sách này cho nhà phát triển của bạn. Họ có thể giúp giải quyết vấn đề thông qua các chiến thuật như trì hoãn hoặc loại bỏ công việc không cần thiết cản trở luồng chính.

Thực Hiện Các Bước Để Cải Thiện INP Của Bạn

Bạn muốn cung cấp trải nghiệm người dùng tốt hơn và đạt thứ hạng tìm kiếm cao hơn. Cải thiện điểm INP của bạn có thể giúp bạn làm điều đó.

Việc tìm ra các vấn đề có thể đang cản trở điểm số của bạn rất dễ dàng với một SEO Audit.

Hơn nữa, nó cho phép bạn lên lịch kiểm tra tự động theo định kỳ. Vì vậy, bạn có thể theo dõi sự cải thiện theo thời gian.

Hãy thử ngay hôm nay.