Mắt người có thể nhận thấy độ trễ 10 mili giây trong thời gian tải hình ảnh

Question

Mắt người có nhận thấy sự khác biệt giữa hình ảnh cần tải 150ms và hình ảnh khác tải xuống 160ms không? Nếu một trang có 30-40 hình ảnh, thì chênh lệch 10ms này có bắt đầu tạo sự khác biệt không?

Answer 1

Nếu trang mất 150 mili giây để tải và hình ảnh mất 160ms tổng cộng là 310 ms. Mắt người có thể đọc 10-12 hình ảnh mỗi giây, hoặc khoảng 1 mỗi 100 ms. Vì vậy, có họ sẽ nhận thấy tải nếu họ nhìn đủ cứng.

Answer 2

10 ms có thể gần như không đáng chú ý. Trên một máy tính xách tay điển hình với tốc độ làm mới 60 Hz, mỗi khung hình trên màn hình trong khoảng 16-17 ms, vì vậy (tất cả đều bằng nhau) trễ 10 ms nghĩa là khoảng 66% cơ hội làm cho hình ảnh hiển thị một khung một lát sau.

Tuy nhiên, độ trễ 1 khung (đó là độ trễ tối đa có thể do kết quả của điều này) sẽ có khả năng không được nhận thấy bởi hầu hết người dùng. Nó sẽ rất đáng chú ý cho hoạt ảnh, nhưng không đáng chú ý khi hình ảnh tĩnh xuất hiện.

Answer 3

Theo 3D Developer John Carmack, "Human sensory systems can detect very small relative delays in parts of the visual or, especially, audio fields, but when absolute delays are below approximately 20 milliseconds they are generally imperceptible."

Đó là để nói, 20ms là một nguyên tắc nhỏ, mặc dù nhấp nháy có thể dễ nhận thấy nhanh hơn. Vì vậy, 10ms (150 so với 160ms) không nên được cảm nhận. Tuy nhiên, bạn đang hỏi về việc liệu người dùng có nhận thấy sự khác biệt giữa 150ms và 160ms hay không. Nếu đó là một sự kiện một lần (trái với cái gì đó nhấp nháy ở 15 hoặc 16 kHz), tôi không thấy mọi người có thể nhận thấy sự khác biệt như thế nào.

Mọi người sẽ thấy tải hình ảnh 30-40, nếu họ nhìn kỹ và không có bộ đệm. Tuy nhiên, có rất nhiều thứ khác đang diễn ra với các trang web.

1. Độ trễ mạng cộng với hệ điều hành thay đổi nhiều hơn 10ms, do đó thời gian tải 150ms của bạn sẽ thay đổi-- ngay cả khi bạn đang nói chuyện với máy chủ cục bộ.
2. Trình duyệt thường sẽ có nhiều kết nối mở cùng một lúc để tải tệp hiệu quả hơn. Vì vậy, các tệp có vẻ sẽ tải đồng thời hoặc không theo thứ tự. Nếu có bất kỳ kích thước tệp nào cần chú ý, đó là kích thước của một gói Ethernet. Nếu đáp ứng hoàn toàn phù hợp trong một gói (thường là 1500 byte, bao gồm các tiêu đề gói), làm cho nó nhỏ hơn không nên cải thiện hiệu năng.
3. Trình duyệt có thể trì hoãn hiển thị hình ảnh trong vài phần nghìn giây để giảm thiểu khả năng ghi lại khung đệm (cửa sổ).
4. Trình duyệt cần phân tích cú pháp quy tắc CSS để hiển thị hình ảnh. Trình duyệt bắt đầu tải hình ảnh trước khi chúng hoàn tất phân tích cú pháp CSS và việc phân tích cú pháp CSS có thể mất nhiều thời gian hơn tải hình ảnh.
5. Nếu bạn đang thử nghiệm hoạt ảnh, kiến ​​thức và dự đoán của bạn về một sự kiện làm cho sự kiện có vẻ chậm hơn. Những người dùng khác sẽ không nhận thấy những điều rõ ràng hiển nhiên đối với bạn.

Vì vậy, dài câu chuyện ngắn, kích thước tệp hình ảnh có lẽ là ít lo lắng nhất của bạn. Nếu điều đó quan trọng, đừng dựa vào chẩn đoán - làm thử nghiệm của riêng bạn. Tất cả các trình duyệt web hiện đại đều có công cụ định thời gian tuyệt vời, mặc dù Google tập trung nhiều nhất vào độ trễ. (Họ có thể có được bước nhảy vọt-frogged bất cứ lúc nào, mặc dù.)

Ngoài ra, thử nghiệm trên các loại khác nhau của các kết nối Internet (mạng nội bộ, qua 1000 dặm, mạng di động) và trên các trình duyệt và các thiết bị khác nhau. Cellular networks are particularly weird, kể từ khi kết nối mạng ban đầu mất một thời gian dài và sau đó tắt ngay sau đó.