摘要:此時(shí)的數(shù)據(jù)時(shí)緩存到內(nèi)存中的,當(dāng)進(jìn)程后,也就是瀏覽器關(guān)閉以后,數(shù)據(jù)將不存在。但是這種方式只能緩存派生資源。不訪問(wèn)服務(wù)器,直接讀緩存,從磁盤中讀取緩存,當(dāng)進(jìn)程時(shí),數(shù)據(jù)還是存在。
今天在做項(xiàng)目的優(yōu)化的時(shí)候,使用chrome開發(fā)者工具的network發(fā)現(xiàn)了細(xì)節(jié):
webkit資源的分類雖然這兩個(gè)看起來(lái)都是從緩存中讀取,但還是有一些不一樣的!
webkit的資源分類主要分為兩大類:主資源和派生資源
http狀態(tài)碼不訪問(wèn)服務(wù)器,直接讀緩存,從內(nèi)存中讀取緩存。此時(shí)的數(shù)據(jù)時(shí)緩存到內(nèi)存中的,當(dāng)kill進(jìn)程后,也就是瀏覽器關(guān)閉以后,數(shù)據(jù)將不存在。
但是這種方式只能緩存派生資源。
不訪問(wèn)服務(wù)器,直接讀緩存,從磁盤中讀取緩存,當(dāng)kill進(jìn)程時(shí),數(shù)據(jù)還是存在。
這種方式也只能緩存派生資源
訪問(wèn)服務(wù)器,發(fā)現(xiàn)數(shù)據(jù)沒(méi)有
更新,服務(wù)器返回此狀態(tài)碼。然后從緩存中讀取數(shù)據(jù)。
三級(jí)緩存原理但是這里有困惑,怎么判斷from memory cache還是304
先去內(nèi)存看,如果有,直接加載
如果內(nèi)存沒(méi)有,擇取硬盤獲取,如果有直接加載
如果硬盤也沒(méi)有,那么就進(jìn)行網(wǎng)絡(luò)請(qǐng)求
加載到的資源緩存到硬盤和內(nèi)存
所以我們可以來(lái)解釋這個(gè)現(xiàn)象
圖片為例:
訪問(wèn)-> 200 -> 退出瀏覽器
再進(jìn)來(lái)-> 200(from disk cache) -> 刷新 -> 200(from memory cache)
web中的文件被用戶訪問(wèn)(請(qǐng)求)后的存活時(shí)間,是個(gè)相對(duì)的值,相對(duì)Request_time(請(qǐng)求時(shí)間)
Expires指定的時(shí)間根據(jù)服務(wù)器配置可能有兩種:
文件最后訪問(wèn)時(shí)間
文件絕對(duì)修改時(shí)間
如果max-age和Expires同時(shí)存在,則被Cache-Control的max-age覆蓋
WEB 服務(wù)器認(rèn)為對(duì)象的最后修改時(shí)間,比如文件的最后修改時(shí)間,動(dòng)態(tài)頁(yè)面的最后產(chǎn)生時(shí)間
對(duì)象(比如URL)的標(biāo)志值,就一個(gè)對(duì)象而言,文件被修改,Etag也會(huì)修改
Cache-Control簡(jiǎn)單理解,強(qiáng)緩存
最后結(jié)論見(jiàn)圖片(來(lái)源自網(wǎng)絡(luò))
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/35869.html
摘要:此時(shí)的數(shù)據(jù)時(shí)緩存到內(nèi)存中的,當(dāng)進(jìn)程后,也就是瀏覽器關(guān)閉以后,數(shù)據(jù)將不存在。但是這種方式只能緩存派生資源。不訪問(wèn)服務(wù)器,直接讀緩存,從磁盤中讀取緩存,當(dāng)進(jìn)程時(shí),數(shù)據(jù)還是存在。 今天在做項(xiàng)目的優(yōu)化的時(shí)候,使用chrome開發(fā)者工具的network發(fā)現(xiàn)了細(xì)節(jié): showImg(https://segmentfault.com/img/remote/1460000011286030); 雖然這...
摘要:此時(shí)的數(shù)據(jù)時(shí)緩存到內(nèi)存中的,當(dāng)進(jìn)程后,也就是瀏覽器關(guān)閉以后,數(shù)據(jù)將不存在。但是這種方式只能緩存派生資源。不訪問(wèn)服務(wù)器,直接讀緩存,從磁盤中讀取緩存,當(dāng)進(jìn)程時(shí),數(shù)據(jù)還是存在。 今天在做項(xiàng)目的優(yōu)化的時(shí)候,使用chrome開發(fā)者工具的network發(fā)現(xiàn)了細(xì)節(jié): showImg(https://segmentfault.com/img/remote/1460000011286030); 雖然這...
摘要:加載并顯示圖片或加載并執(zhí)行回調(diào)接口。加載圖片主要分為三類接口表示異步加載并顯示圖片到對(duì)應(yīng)的上。以上三類接口最終都會(huì)調(diào)用到這個(gè)函數(shù)進(jìn)行圖片加載。不允許訪問(wèn)網(wǎng)絡(luò)的圖片下載器。創(chuàng)建圖片下載器,返回一個(gè)。 1. 功能介紹 1.1 Android Universal Image Loader Android Universal Image Loader 是一個(gè)強(qiáng)大的、可高度定制的圖片緩存,本文簡(jiǎn)...
閱讀 3878·2021-09-27 13:36
閱讀 4554·2021-09-22 15:12
閱讀 3063·2021-09-13 10:29
閱讀 1826·2021-09-10 10:50
閱讀 2360·2021-09-03 10:43
閱讀 518·2019-08-29 17:10
閱讀 442·2019-08-26 13:52
閱讀 3249·2019-08-23 14:37