網路優先順序

Internet Explorer 11 會排列網路要求的優先順序,讓您可以更快速的開始使用網頁。 開發人員也可以影響網頁資源載入的順序。

排列網路要求的優先順序

您在這裡會看到 IE11 如何排列頁面載入的優先順序,以及如何延遲個別資源使其稍後載入。

雖然有些網頁只需要單一要求即可載入,但是大多數的網頁因為頁面上項目的數目,都需要多個要求。 影像、樣式表及指令碼程式庫是從用來載入原始網頁的一個要求中的個別要求載入的。

網頁可以包含許多種類的資源:

  1. 網頁的根文件
  2. CSS 樣式表
  3. WOFF 字型
  4. 指令碼程式庫
  5. 使用 onload 事件處理常式載入的影像
  6. 同步 XMLHttpRequest (XHR) 要求
  7. 非同步指令碼要求 (如 indexedDBWeb 工作者檔案 API 及其他)
  8. 非同步 XHR 要求
  9. HTML5 audiovideo
  10. 使用 object 元素載入的 Microsoft ActiveX 及其他控制項
  11. 延遲的 JavaScript (defer="true")

這個清單依類型排列每個要求的優先順序。從 IE11 開始,個別網路要求會依類型排列優先順序,通常會以這個順序排列。

每種資源可能需要多個網路要求。 在連線管理 (TCP) 層,舊版的 Internet Explorer 同等對待每個要求,無論載入的資源類型或內容為何都一樣。 背景影像和字型與連結樣式表都以相同的方式處理。 背景索引標籤的要求與前景索引標籤的要求也視為相同。

從 IE 11 開始,個別網路要求會依類型排列優先順序,通常會以顯示的順序排列。例如,來自網頁根文件的要求,優先順序高於延遲的 JavaScript 要求。

當擱置中要求的數目大於可用連線的數目時,就會根據其優先順序來處理。 如果可以選擇最佳化連線和非最佳化連線,會將高優先順序要求排在較低優先順序要求之前,指定給最佳化連線。

IE11 也會按照要求的內容排列要求的優先順序:

  1. 網頁在前景索引標籤提出的要求
  2. 前景索引標籤中 iframe 元素中載入之內容的要求
  3. 網頁在背景索引標籤提出的要求
  4. 預先轉譯內容的要求

如您所想,前景索引標籤的要求會比背景索引標籤的要求擁有較高的優先順序。

延遲資源載入

開發人員可以使用 lazyload 屬性,延遲個別資源載入。 這種做法能讓重要內容儘快載入,而較不重要的資源則稍後載入 (如果沒有競用連線或較高優先順序的資源,則會正常載入低優先順序資源)。這樣可以改進使用者對網頁載入效能的感覺,因為他們看到執行的速度更快,特別是複雜的網頁。

這些元素支援 lazyload 屬性:

lazyload設定為 "true" 的時候,會在較高優先順序要求處理完後,才處理顯示元素所需的連線層級要求。

使用 lazyload 的方法如下:


<img src="example.jpg" lazyload="1" />

API 參考

lazyload

 

 

顯示:
© 2014 Microsoft