有效地載入重複圖像

我偶然發現了這種奇怪的情況（對我來說），我可能會在html文檔中多次顯示圖像......讓我們在一個html文件中說10次完全相同的圖像。我很好奇這裏可以使用什麼樣的優化，或者是否存在。有效地載入重複圖像

有些想法...

只有先載入可見？瀏覽器是否意識到他們是相同的，並更快地加載圖片？對於這樣的場景，最佳做法是什麼？

爲了提出更多的細節問題，我基本上有多個網頁在一個使用一些JavaScript切換內容。

，所以我有：使用JavaScript來抓住master_header的內部HTML和地點HTML中的所有類的頭

<div id='Page1'> 
<div id=masterheader ><img src=logo.png></div> 
<img src=logo.png> 
<!--content--> 
</div 

<div id='Page2'> 
<div class=header></div> 
<!--content--> 
</div

林......我只是擔心，因爲頁面的數量可能顯著如何生長我的網頁加載會受到多次呈現我的標誌的影響。

來源

2013-07-16 Josh Cox

我相信只有1張圖片實際加載。你只是多次顯示它。測試一下。將相同的圖像放在同一頁面上（這樣它們都顯示出來）。確保它是一個大的圖像（2或3 MB），以便您可以看到它們是否都在同一時間完成加載。 – Shawn31313

謝謝你的答案，我正在尋找 –

測試和確認:) –

只有1圖片實際上是加載我相信。您只是多次顯示圖像。

測試一下。

把相同的圖像放在同一頁面（所以它們都顯示）。確保它是large image（2或3 mb），以便您可以看到它們是否都在同一時間完成加載。

來源

2013-07-16 05:45:15 Shawn31313

不用擔心 - 它將被緩存爲相同的圖像。

來源

2013-07-16 05:47:33 David

有效地載入重複圖像

回答

相關問題