回覆列表
-
1 # 網路圈
-
2 # 一米七八不穿鞋
你這個問題主要可能你不瞭解HTML文件流的概念,跟瀏覽器解析HTML的流程!
瀏覽器在解析HTML文件的時候,會檢測標籤,你寫多少個,就會執行,就會載入這個標籤,同樣的就會顯示多少圖片.
所以顯而易知,HTM文件寫多少標籤,瀏覽器就會解析多少,並且載入多少,跟多少相同的標籤,重複出現的標籤次數沒有任何關係!
簡述: 瀏覽器解析HTML文件規則
我們說HTML語言本身就是不嚴謹的，一個HTML檔案哪怕什麼標籤都不寫也是可以的，另外很多開發者在寫HTML時難免會出現程式碼寫重的情況，還有資源重複引用時到底會不會再次載入？
HTML中重複資源會載入多次假設HTML檔案中多個img標籤引用的是同一個地址的圖片，那是載入一次還是載入多次？可能大家潛意識中覺得是載入一次，或者認為瀏覽器針對重複資源會做最佳化，“按理”只會載入一次。
但事實是，即使多個img標籤引用的是同一個地址的圖片，瀏覽器在每遇到一個img標籤都會進行解析，然後載入此圖片。
若圖片存在快取，則請求可能是單次的圖片是靜態資源，對於靜態資源我們是可以設定快取規則的，如果圖片允許被快取，那多個img標籤引用同一張圖片時，預設還是會載入多次，但載入次數並不代表請求次數。
圖片要先經過請求，然後才會被載入渲染。若圖片存在快取，網路請求這一步就會被忽略，而是直接從快取中讀取圖片然後載入顯示。