關於瀏覽器緩存，用於優化網站加載速度

Question

我正在嘗試優化Web應用程序的速度，目前正在控制圖像的加載。

我有一個名為webCache的屬性，並用它來處理每個圖像對象的.src ...

if (!webCache) src += "?rand="+Math.random();
img.src =src;

如果webCache為false，則使用random（）更新src var值，添加一個隨機值，然后，將新的src值添加到對象圖像的src屬性。

我的問題是，如果webCache為true，則條件if不執行，並且img.src =src; 被平均執行。 值是相同的，src值沒有改變，但是圖像可以是另一個。...瀏覽器在這里的表現如何？ 會刷新圖像嗎？

也就是說，如果src值相同，但是圖像是另一個，則瀏覽器的行為如何？

Answer 1

這將取決於首次提供圖片時的http標頭。

服務器可能要求瀏覽器始終重新獲取圖像，而在一定時期內或直到特定時間點才不重新獲取圖像。

可能還提供了ETag或Last-Modified標頭，允許瀏覽器向服務器發出HEAD請求，並檢查是否應該下載圖像或僅使用其本地副本。

一些相關的標頭是

• 緩存控制
• 過期
• 上一次更改
• 標簽

在谷歌瀏覽器中，您可以出於開發目的禁用緩存。 按F12，單擊右下角的滾輪，選擇“常規”，然后選中“禁用緩存”