瀏覽器與 nginx 快取

2021-09-10 15:05:34 字數 1449 閱讀 9476

cache-control: public, max-age=51600

connection: keep-alive

content-type: text/html; charset=utf-8

date: tue, 05 feb 2019 14:28:26 gmt

expires: wed, 06 feb 2019 04:48:26 gmt

last-modified: tue, 05 feb 2019 14:06:57 gmt

server: nginx/1.13.9

transfer-encoding: chunked

x-powered-by: php/7.1.23

date 的意思是伺服器傳送訊息的時間

expires 表示過期時間

etag: "5c5009ae-8a5"
header 頭

status code: 200 (from disk cache)

size 欄通常會有三種狀態

from memory cache

這個資源是直接從記憶體中拿到的,不會請求伺服器,一般已經載入過該資源且快取在了記憶體當中,當關閉該頁面時,此資源就被記憶體釋放掉了,再次重新開啟相同頁面時不會出現from memory cache的情況。

from disk cache

資源是從磁碟當中取出的,也是在已經在之前的某個時間載入過該資源,不會請求伺服器但是此資源不會隨著該頁面的關閉而釋放掉,因為是存在硬碟當中的,下次開啟仍會from disk cache

資源本身的大小(如:1.5k)

當http狀態為 200 是實實在在從伺服器獲取的資源,當http狀態為304時該數字是與服務端通訊報文的大小,並不是該資源本身的大小,該資源是從本地獲取的。

chrome採取措施的準則

統計表狀態

型別說明

200form memory cache

不請求網路資源,資源在記憶體當中,一般指令碼、字型、會存在記憶體當中

200form disk cache

不請求網路資源,在磁碟當中,一般非指令碼會存在記憶體當中,如css等

200資源大小數值

304報文大小

請求服務端發現資源沒有更新,使用本地資源

樣式表一般在磁碟中,不會快取到記憶體中去,因為css樣式載入一次即可渲染出網頁

指令碼卻可能隨時會執行,如果指令碼在磁碟當中,在執行該指令碼需要從磁碟中取到記憶體當中來這樣的io開銷是比較大的,有可能會導致瀏覽器失去響應

firefox 準則

相同的資源在chrome下是from disk/memory cache,但是firefox統統是304狀態碼

在firefox下並沒有from memory cache以及from disk cache的狀態展現。 參考

Nginx與瀏覽器快取

nginx與瀏覽器快取 一 瀏覽器對快取的處理 internet選項 控制請求伺服器策略 是忽略資源的快取策略的情況下額外強制請求伺服器的意思。檢查儲存的頁面較新版本 1.每次訪問網頁時 不管是否有快取 資源狀態是否過期,都會再次請求伺服器。2.每次啟動internet explorer時 不管是否...

Nginx瀏覽器快取篇

環境 centos7 nginx 1.16.0 expires原理 給http新增cache control expires頭 expires指令控制http應答中的 expires 和 cache control header頭部資訊,啟動控制頁面快取的作用 time 可以使用正數或負數。expi...

Nginx配置瀏覽器快取

了解 一 強快取 只要訪問過該url,再次訪問時,不再向伺服器傳送請求,直接從快取中請求資源。涉及兩個響應頭配置 cache control max age 600 或者 設定為 no store 不快取 no cache 不使用強快取 http1.1以後增加的,max age設定的強快取的過期時間...