在加載的時候是加載一次還是多次？

我們說HTML語言本身就是不嚴謹的，一個HTML文件哪怕什么標簽都不寫也是可以的，另外很多開發者在寫HTML時難免會出現代碼寫重的情況，還有資源重復引用時到底會不會再次加載？

HTML中重復資源會加載多次

假設HTML文件中多個img標簽引用的是同一個地址的圖片，那是加載一次還是加載多次？可能大家潛意識中覺得是加載一次，或者認為瀏覽器針對重復資源會做優化，“按理”只會加載一次。

但事實是，即使多個img標簽引用的是同一個地址的圖片，瀏覽器在每遇到一個img標簽都會進行解析，然后加載此圖片。

若圖片存在緩存，則請求可能是單次的

圖片是靜態資源，對于靜態資源我們是可以設置緩存規則的，如果圖片允許被緩存，那多個img標簽引用同一張圖片時，默認還是會加載多次，但加載次數并不代表請求次數。

圖片要先經過請求，然后才會被加載渲染。若圖片存在緩存，網絡請求這一步就會被忽略，而是直接從緩存中讀取圖片然后加載顯示。

以上就是我的觀點，對于這個問題大家是怎么看待的呢？歡迎在下方評論區交流 ~ 我是科技領域創作者，十年互聯網從業經驗，歡迎關注我了解更多科技知識！