Độ trễ đầu vào ước tính 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ố nắm bắt một số khía cạnh của tốc độ tải trang.
Báo cáo Lighthouse hiển thị Độ trễ đầu vào ước tính tính bằng mili giây:
Độ trễ đầu vào ước tính đo lường những chỉ số nào
Độ trễ đầu vào ước tính là chỉ số ước tính về thời gian mà ứng dụng cần để phản hồi hoạt động đầu vào của người dùng trong khoảng thời gian 5 giây tải trang bận rộn nhất. Thời gian của quá trình kiểm tra này là từ Thời gian hiển thị ý nghĩa đầu tiên cho đến cuối dấu vết, tức là khoảng 5 giây sau Thời gian để tương tác. Nếu độ trễ lớn hơn 50 mili giây, thì người dùng có thể cho rằng ứng dụng chạy chậm.
Mô hình hiệu suất RAIL đề xuất các ứng dụng phản hồi hoạt động đầu vào của người dùng trong vòng 100 mili giây, trong khi điểm mục tiêu cho Độ trễ đầu vào ước tính của Lighthouse là 50 mili giây. Tại sao? Lighthouse sử dụng chỉ số proxy (khả năng sử dụng của luồng chính) để đo lường mức độ hiệu quả của ứng dụng đối với hoạt động đầu vào của người dùng.
Lighthouse giả định rằng ứng dụng của bạn cần 50 mili giây để phản hồi hoàn toàn hoạt động đầu vào của người dùng (từ việc thực hiện bất kỳ quá trình thực thi JavaScript nào đến vẽ các pixel mới lên màn hình). Nếu luồng chính của bạn không hoạt động trong 50 mili giây trở lên thì điều đó sẽ không đủ thời gian để ứng dụng hoàn tất phản hồi.
Khoảng 90% người dùng sẽ gặp phải độ trễ đầu vào theo báo cáo của Lighthouse hoặc ít hơn. 10% người dùng có thể nghĩ rằng độ trễ sẽ lâu hơn.
Cách cải thiện Điểm số cho Độ trễ đầu vào ước tính
Để ứng dụng của bạn phản hồi nhanh hơn với hoạt động đầu vào của người dùng, hãy tối ưu hoá cách mã chạy trong trình duyệt. Hãy xem loạt kỹ thuật được nêu trên trang Hiệu suất hiển thị của Google. Các mẹo này bao gồm từ việc giảm tải tính toán cho đến việc giải phóng luồng chính, tái cấu trúc bộ chọn CSS để thực hiện ít phép tính hơn, cho đến sử dụng các thuộc tính CSS giúp giảm thiểu số lượng thao tác cần nhiều trình duyệt.
Cách tự đo lường Độ trễ đầu vào ước tính
Để đo lường Độ trễ đầu vào ước tính theo cách thủ công, hãy tạo bản ghi bằng Dòng thời gian của Công cụ của Chrome cho nhà phát triển. Hãy xem phần Giảm bớt công việc của luồng chính để biết ví dụ về quy trình công việc. Ý tưởng cơ bản là bắt đầu ghi, thực hiện hoạt động đầu vào của người dùng mà bạn muốn đo lường, dừng ghi, sau đó phân tích biểu đồ hình ngọn lửa để đảm bảo rằng tất cả các giai đoạn của quy trình pixel đều hoàn tất trong vòng 50 mili giây.