2012-12-19 44 views
7

Các mốc thời gian đưa ra ở đây (chụp bằng các công cụ phát triển F12 của IE) minh họa cách IE xử lý một trang nơi một thẻ <img> nằm sau của một loạt các text:Http request - IMG vs TEXT?

enter image description here

Hàng thứ hai cho thấy sự truy xuất hình ảnh. Vì hình ảnh nhỏ, tất cả dữ liệu hình ảnh được bao gồm trong tiêu đề phản hồi HTTP trong cùng một gói.

Tuy nhiên - Các mốc thời gian tiếp theo cho thấy những gì xảy ra khi thẻ <img> nằm gần đầu của tập tin để nó trong gói đầu tiên của dữ liệu nhận được bằng IE:

Tuy nhiên , yêu cầu hình ảnh bắt đầu ngay sau khi gói HTML đầu tiên đến.

Kết quả là, phải mất ít tổng thời gian để lấy trang và hình ảnh

Nhưng (IMHO) nó là tốt hơn để đưa hình ảnh (với kích thước được xác định) trên dưới cùng của trang đó. (để trang tải nhanh hơn)

Tuy nhiên - theo ví dụ của tôi, trang này đang tải nhanh hơn khi img ở trên cùng.

Tôi đang thiếu gì?

P.S. câu hỏi của tôi là một văn bản tóm tắt ngắn gọn of this section

+1

"* ... Nhưng thực tiễn tốt nhất luôn nói là đặt hình ảnh (với kích thước được xác định) ở cuối trang đó ... *," Ai? Tham khảo cần thiết – Alexander

+0

@Alexander (đã thêm IMHO), nhưng kích thước phải ở đó (100%). vẫn còn, tại sao thời gian tổng thể đang thay đổi? xin vui lòng xem các liên kết ive cung cấp. –

+0

Trình duyệt không thể bắt đầu tải xuống hình ảnh cho đến khi nó có URL của nó, vì vậy bạn càng sớm cung cấp URL càng tốt. Trình duyệt sử dụng các chiến lược được gọi là Lookahead để xác định tài nguyên cần tải xuống (http://blogs.msdn.com/b/ieinternals/archive/2010/04/01/ie8-lookahead-downloader-fixed.aspx). Tại sao bài đăng này được gắn thẻ với "Fiddler"? Nếu bạn đã chạy Fiddler, bạn phải đảm bảo rằng tính năng Phát trực tuyến được bật (http: //www.fiddler2.com/fiddler/help/streaming.asp). – EricLaw

Trả lời

3

Bạn đang thiếu một vài điểm. Đầu tiên, các phương pháp hay nhất không chỉ là tải xuống mà còn về hiển thị vì nếu toàn bộ trang được tải xuống 3 giây nhưng yêu cầu 2 giây khác phải trả lại, người dùng chờ 5 giây chứ không phải 3 giây. Tôi không biết thực hành tốt nhất để đặt hình ảnh ở phía dưới (có như vậy cho các kịch bản), thực hành tốt nhất tôi biết là bao gồm các thuộc tính chiều rộng và chiều cao, do đó bạn không chặn hiển thị trong khi hình ảnh đang được tải xuống.

Một thứ khác mà bạn thiếu trong thử nghiệm của mình là tải xuống song song, vì trình duyệt giới hạn số lượng kết nối đồng thời và bạn chỉ thử nghiệm một hình ảnh. Thực hiện các thử nghiệm của bạn với nhiều hình ảnh hơn hoặc tốt nhất - với một trang web thực sự, để có kết quả đáng tin cậy.

+0

phần của bạn không liên quan vì hiện tại có 6 giới hạn kết nối đồng thời và ví dụ của tôi chỉ thảo luận về 2. Tôi không gặp vấn đề "thiếu kết nối để xử lý tất cả yêu cầu "/ –

+0

Quan điểm của tôi là thực hành tốt nhất không được viết cho trường hợp cụ thể của bạn, nhưng đối với các trường hợp chung, nơi có hơn 6 tài nguyên để tải –

+0

Tuy nhiên, tại sao ví dụ thứ hai tải trong thời gian ít hơn? sự khác biệt giữa văn bản IMG vs văn bản IMG là gì? –

0

Tôi muốn bận tâm đến việc giảm số lượng kết nối, - tải toàn bộ trang cùng một lúc. Chia các phần nội dung và giao diện. Khi giao diện được tải - nó có thể yêu cầu người dùng đợi và thông báo cho anh ta về tốc độ kết nối. Sau đó đặt thanh tiến trình và thông báo cho người dùng về cách mọi thứ diễn ra.

Các vấn đề liên quan