Thời điểm tương tác (TTI)

Thời gian tương tác (TTI) là một chỉ số trong phòng thí nghiệm để đo lường khả năng phản hồi của quá trình tải. Giúp xác định các trường hợp một trang có vẻ tương tác nhưng thực ra lại không. TTI nhanh giúp đảm bảo trang có thể sử dụng được.

Chỉ số TTI đo lường thời gian kể từ khi trang bắt đầu tải cho đến khi các tài nguyên phụ chính của nguồn cấp dữ liệu đó được tải và có thể tải ổn định phản hồi nhanh chóng hoạt động đầu vào của người dùng.

Để tính TTI dựa trên hiệu suất dấu vết của một trang web, hãy làm theo các bước sau:

  1. Bắt đầu từ phần Hiển thị nội dung đầu tiên (FCP).
  2. Tìm kiếm tiến trong một khoảng thời gian yên tĩnh ít nhất 5 giây, trong đó cửa sổ tĩnh được định nghĩa là: không còn nhiệm vụ và không quá 2 nhiệm vụ đang diễn ra các yêu cầu GET qua mạng.
  3. Tìm kiếm ngược về việc cần làm gần đây nhất trước khi cửa sổ yên tĩnh, dừng tại FCP nếu không tìm thấy tác vụ dài nào.
  4. TTI là thời gian kết thúc của tác vụ dài cuối cùng trước khi cửa sổ yên tĩnh (hoặc cùng giá trị với FCP nếu không tìm thấy tác vụ dài nào).

Sơ đồ dưới đây sẽ giúp minh hoạ các bước nêu trên:

Tiến trình tải trang cho thấy cách tính TTI

Trước đây, các nhà phát triển thường tối ưu hoá các trang để có thời gian kết xuất nhanh, đôi khi gây hại cho TTI.

Các kỹ thuật như kết xuất phía máy chủ (SSR) có thể dẫn đến các tình huống khiến trang có vẻ có tính tương tác (tức là các đường liên kết và nút hiển thị trên màn hình), nhưng không thực sự có tính tương tác vì luồng chính bị chặn hoặc vì mã JavaScript kiểm soát các phần tử đó chưa tải.

Khi người dùng cố gắng tương tác với một trang trông có vẻ tương tác nhưng thực ra không, họ sẽ phản hồi theo một trong hai cách:

  • Trong trường hợp tốt nhất, họ sẽ thấy khó chịu vì trang phản hồi chậm.
  • Trong trường hợp xấu nhất, họ sẽ cho rằng trang bị hỏng và có thể rời đi. Thậm chí, họ có thể mất niềm tin hoặc mất niềm tin vào giá trị thương hiệu của bạn.

Để tránh vấn đề này, hãy cố gắng giảm thiểu sự khác biệt giữa FCP và TTI. Và trong trường hợp có sự khác biệt đáng chú ý, làm rõ thông qua các chỉ báo trực quan rằng các thành phần trên trang của bạn vẫn chưa mang tính tương tác.

Cách đo lường TTI

TTI là chỉ số được đo lường tốt nhất trong . Cách tốt nhất để đo lường TTI là chạy Kiểm tra hiệu suất của Lighthouse trên trang web của bạn. Xem Tài liệu về Lighthouse về TTI để biết thông tin chi tiết về quyền sử dụng.

Công cụ cho phòng thí nghiệm

Điểm TTI tốt là gì?

Để cung cấp trải nghiệm tốt cho người dùng, các trang web nên cố gắng cung cấp Thời gian Thời gian tương tác dưới 5 giây khi thử nghiệm trên thiết bị di động mức trung bình phần cứng.

Để biết thông tin chi tiết về cách TTI của trang ảnh hưởng đến điểm hiệu suất Lighthouse, xem Cách Lighthouse xác định TTI của bạn điểm số.

Cách cải thiện TTI

Để tìm hiểu cách cải thiện TTI cho một trang web cụ thể, bạn có thể chạy Lighthouse kiểm tra hiệu suất và chú ý đến mọi cơ hội mà kiểm tra đề xuất.

Để tìm hiểu cách cải thiện TTI nói chung (đối với bất kỳ trang web nào), hãy tham khảo các hướng dẫn về hiệu suất: