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

Philip Walton

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

TTI là gì?

Chỉ số TTI đo lường thời gian từ khi trang bắt đầu tải cho đến khi tài nguyên phụ chính của trang được tải và có khả năng phản hồi nhanh chóng và đáng tin cậy đối với hoạt động đầu vào của người dùng.

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

  1. Bắt đầu từ Thời gian hiển thị nội dung đầu tiên (FCP).
  2. Tìm kiếm về phía trước để tìm một khoảng thời gian yên tĩnh ít nhất là 5 giây, trong đó khoảng thời gian yên tĩnh được xác định là: không có tác vụ dài và không quá hai yêu cầu GET mạng đang diễn ra.
  3. Tìm ngược lại tác vụ dài cuối cùng trước khoảng thời gian 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 khoảng thời gian yên tĩnh (hoặc giá trị giống như FCP nếu không tìm thấy tác vụ dài).

Sơ đồ sau đây sẽ giúp bạn hình dung các bước trên:

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

Trước đây, các nhà phát triển đã tối ưu hoá các trang để có thời gian kết xuất nhanh, đôi khi phải hy sinh 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 mà trang có vẻ tương tác (tức là các đường liên kết và nút xuất hiện trên màn hình), nhưng thực sự thì trang đó không tương tác vì luồng chính bị chặn hoặc mã JavaScript điều khiển 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 có vẻ như có thể tương tác nhưng thực tế lại không, họ có thể phản hồi theo một trong hai cách sau:

  • Trong trường hợp tốt nhất, họ sẽ cảm 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 khỏi trang. Thậm chí, họ có thể mất niềm tin vào giá trị của thương hiệu 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 kể, hãy 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 chưa tương tác.

Cách đo lường TTI

TTI là chỉ số được đo lường hiệu quả nhất trong phòng thí nghiệm. Cách tốt nhất để đo lường TTI là chạy quy trình kiểm tra hiệu suất Lighthouse trên trang web của bạn. Hãy xem tài liệu của Lighthouse về TTI để biết thông tin chi tiết về cách sử dụng.

Công cụ trong Labs

Điểm TTI tốt là bao nhiêu?

Để mang lại trải nghiệm tốt cho người dùng, các trang web nên cố gắng có Thời gian tương tác dưới 5 giây khi được kiểm thử trên phần cứng di động trung bình.

Để 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 của Lighthouse, hãy xem bài viết Cách Lighthouse xác định điểm TTI.

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 quy trình kiểm tra hiệu suất Lighthouse và chú ý đến mọi cơ hội cụ thể mà quy trình kiểm tra đề xuất.

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