亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術文章
文章詳情頁

javascript - 請問 chrome 為什么會重復加載圖片資源?

瀏覽:98日期:2023-03-26 18:39:55

問題描述

javascript - 請問 chrome  為什么會重復加載圖片資源?

如圖所示,發現預加載圖片后,重復調用圖片的時候觸發了重復的圖片資源( 確定圖片資源路徑是一致的 )加載。

在手機端沒有發現這樣的情況,但是在 chrome 上很容易出現類似的情況,每次重復加載的圖片資源不相同。

重復請求一兩次后,便不會再重復請求。

請問是什么原因導致了這樣的情況出現?

html 頭部

<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0'><meta name='format-detection' content='telephone=no, date=no, address=no, email=no, url=no'><meta http-equiv='Cache-Control' content='no-cache, no-store, must-revalidate'><meta http-equiv='Pragma' content='no-cache'><meta http-equiv='Expires' content='0'>

stackoverflow 上相同問題:https://stackoverflow.com/que...

問題解答

回答1:

http請求是304,實際上這張圖片是從瀏覽器緩存里面加載的

引用: 對 HTTP 304 的理解

最近和同事一起看Web的Cache問題,又進一步理解了 HTTP 中的 304 又有了一些了解。 304 的標準解釋是:Not Modified 客戶端有緩沖的文檔并發出了一個條件性的請求(一般是提供If-Modified-Since頭表示客戶只想比指定日期更新的文檔)。服務器告訴客戶,原來緩沖的文檔還可以繼續使用。 如 果客戶端在請求一個文件的時候,發現自己緩存的文件有 Last Modified ,那么在請求中會包含 If Modified Since ,這個時間就是緩存文件的 Last Modified 。因此,如果請求中包含 If Modified Since,就說明已經有緩存在客戶端。只要判斷這個時間和當前請求的文件的修改時間就可以確定是返回 304 還是 200 。對于靜態文件,例如:CSS、圖片,服務器會自動完成 Last Modified 和 If Modified Since 的比較,完成緩存或者更新。但是對于動態頁面,就是動態產生的頁面,往往沒有包含 Last Modified 信息,這樣瀏覽器、網關等都不會做緩存,也就是在每次請求的時候都完成一個 200 的請求。 因此,對于動態頁面做緩存加速,首先要在 Response 的 HTTP Header 中增加 Last Modified 定義,其次根據 Request 中的 If Modified Since 和被請求內容的更新時間來返回 200 或者 304 。雖然在返回 304 的時候已經做了一次數據庫查詢,但是可以避免接下來更多的數據庫查詢,并且沒有返回頁面內容而只是一個 HTTP Header,從而大大的降低帶寬的消耗,對于用戶的感覺也是提高。 當這些緩存有效的時候,通過 HttpWatch 查看一個請求會得到這樣的結果:

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 国产精品久久久久久久久鸭 | 91福利精品老师国产自产在线 | 亚洲成a人片在线网站 | 在线观看亚洲人成网站 | 色婷婷色综合缴情在线 | 黄色视屏免费在线观看 | 青青热久 | 国产成+人+综合+欧美 亚洲 | 亚洲91| 亚洲国产精品区 | 福利在线一区二区 | a级免费观看 | 任你敢不一样精品的视频 | 国内自拍亚洲 | 我想看一级黄色毛片 | 色天天天综合色天天碰 | 亚洲精品系列 | 午夜伦情电午夜伦情影院 | 成人三级在线播放线观看 | 国产卡一卡二卡三 | 国产精品v一区二区三区 | 亚洲国产成人综合精品2020 | 国产成a人片在线观看视频 国产成a人片在线观看视频99 | 大学生a级毛片免费观看 | 欧美成人一区二区三区不卡 | 欧美区国产区 | a级毛片免费高清毛片视频 a级毛片免费播放 | 精品成人免费一区二区在线播放 | 男女爱爱视频在线观看 | 国产无遮挡又黄又爽在线视频 | 日本视频高清免费观看xxx | 在线亚洲综合 | 黄色在线免费 | 国产成人精品综合在线 | 国产最新网址 | 色婷婷狠狠干 | 激情丁香网 | 91网站入口最新 | 国产成人深夜福利短视频99 | 澳门成人免费永久视频 | 国产精品入口麻豆高清在线 |