Thời gian phản hồi (TTI) là một trong 6 chỉ số được theo dõi trong phần Hiệu suất của báo cáo Lighthouse. Mỗi chỉ số ghi lại một số khía cạnh của tốc độ tải trang.
Việc đo lường TTI rất quan trọng vì một số trang web tối ưu hoá khả năng hiển thị nội dung mà không chú trọng đến khả năng tương tác. Điều này có thể mang lại trải nghiệm khó chịu cho người dùng: trang web có vẻ như đã sẵn sàng, nhưng khi người dùng cố gắng tương tác với trang web đó, thì không có gì xảy ra.
Lighthouse hiển thị TTI theo giây:
TTI đo lường những gì
TTI đo lường khoảng thời gian mà một trang cần để trở nên hoàn toàn tương tác. Một trang được coi là hoàn toàn tương tác khi:
- Trang hiển thị nội dung hữu ích, được đo lường bằng First Contentful Paint (Thời gian hiển thị nội dung đầu tiên),
- Trình xử lý sự kiện được đăng ký cho hầu hết các phần tử trang hiển thị và
- Trang phản hồi các lượt tương tác của người dùng trong vòng 50 mili giây.
Cách Lighthouse xác định điểm TTI
Điểm TTI là kết quả so sánh TTI của trang và TTI của các trang web thực tế, dựa trên dữ liệu từ Lưu trữ HTTP. Ví dụ: các trang web hoạt động ở phân vị thứ 99 sẽ hiển thị TTI trong khoảng 2, 2 giây. Nếu TTI của trang web là 2,2 giây, thì điểm TTI của bạn là 99.
Bảng này cho biết cách diễn giải điểm TTI:
| Chỉ số TTI (tính bằng giây) |
Mã hoá màu |
|---|---|
| 0–3,8 | Xanh lục (nhanh) |
| 3,9–7,3 | Cam (vừa) |
| Trên 7,3 | Đỏ (chậm) |
Cách cải thiện điểm TTI
Một điểm cải tiến có thể ảnh hưởng đặc biệt lớn đến TTI là việc trì hoãn hoặc xoá công việc JavaScript không cần thiết. Tìm cơ hội để tối ưu hoá JavaScript. Cụ thể, hãy cân nhắc giảm tải trọng JavaScript bằng tính năng phân tách mã và áp dụng mẫu PRPL. Việc tối ưu hoá JavaScript của bên thứ ba cũng mang lại những điểm cải thiện đáng kể cho một số trang web.
Hai quy trình kiểm tra chẩn đoán này cung cấp thêm cơ hội để giảm công việc liên quan đến JavaScript:
Theo dõi TTI trên thiết bị của người dùng thực
Để tìm hiểu cách đo lường thời điểm TTI thực sự xảy ra trên thiết bị của người dùng, hãy xem trang Chỉ số hiệu suất tập trung vào người dùng của Google. Phần Theo dõi TTI mô tả cách truy cập vào dữ liệu TTI theo phương thức lập trình và gửi dữ liệu đó đến Google Analytics.
Cách cải thiện điểm Hiệu suất tổng thể
Trừ phi bạn có lý do cụ thể để tập trung vào một chỉ số cụ thể, bạn nên tập trung vào việc cải thiện Điểm hiệu suất tổng thể.
Hãy sử dụng mục Chẩn đoán trong báo cáo Lighthouse để xác định những điểm cải tiến có giá trị nhất cho trang của bạn. Cơ hội càng quan trọng thì càng tác động nhiều đến Điểm hiệu suất của bạn. Ví dụ: ảnh chụp màn hình Lighthouse sau đây cho thấy việc loại bỏ các tài nguyên chặn kết xuất sẽ mang lại mức cải thiện lớn nhất:
Hãy xem phần Kiểm tra hiệu suất để tìm hiểu cách giải quyết các cơ hội được xác định trong báo cáo Lighthouse.