Cache-Control、ETag和過時的Expires

X_AirDu 發(fā)布于2019-08-23 11:32 / 3483人閱讀

摘要：究其原因是因為也是設(shè)置時間來做期限，但是它設(shè)置的是到期時間，并且要是格式的時間，最致命的是它的到期時間是依據(jù)系統(tǒng)時間來看的，如果系統(tǒng)時間錯誤超過了的到期時間，那么就會請求不到資源。

前記

HTTP緩存是web性能優(yōu)化的一個常識，目的是當(dāng)你第二次請求時，將JS、CSS、的請求速度加快，但是html卻不能設(shè)置Cache-Control，這是為什么，可以想一想

Cache-Control 如何用

response.setHeader("Cache-Control","max-age=315360000")

響應(yīng)設(shè)置響應(yīng)頭，max-age是設(shè)置緩存停留時間，單位為秒，從你接收到那個響應(yīng)開始計時，一般是設(shè)置10年或者1年

功能

設(shè)置Cache-Control可以在一段時間內(nèi)不訪問服務(wù)器，直接用本地內(nèi)存或者硬盤中獲取響應(yīng)，因此極大的加快了訪問速度，關(guān)鍵在于不會發(fā)送HTTP請求。

更新資源

當(dāng)緩存那么久，那如果緩存資源更新了怎么辦

可以添加查詢參數(shù)，如?v=...這樣就可以更新緩存了

還有就是可以在入口html文件處把url變一下，和以前的都不一樣，也可以更新緩存

還有就是在文件名前面生成一串字符，變更文件名，也可以更新緩存

ETag

說到ETag就不得不提md5摘要算法，這個算法可以計算一個文件，然后生成一串字符，相同文件內(nèi)容生成的字符串是一樣的，如果內(nèi)容不相同生成的字符串就會不一樣，并且內(nèi)容差別越小，字符串差別越大

如何用

response.setHeader("ETag", fileMd5)

fileMd5就是md5生成的字符串

功能

設(shè)置了ETag后，以后每次訪問服務(wù)器都要設(shè)置頭If-None-Match來帶上那串字符串，資源未變更，服務(wù)器就會返回304，和Cache-Control不同就是，ETag還是會請求，不過資源不變的話，響應(yīng)體是空的。

更新資源

這就非常簡單了，當(dāng)服務(wù)器更換了一個資源，那生成的字符串就會不一樣，當(dāng)If-None-Match帶著原來的字符串來比較時，發(fā)現(xiàn)字符串不一樣，那就會下載新的資源

過時的Expires

Expires也是一個響應(yīng)頭，功能和Cache-Control差不多，但是現(xiàn)在逐漸被淘汰了，并且如果在Cache-Control響應(yīng)頭設(shè)置了 "max-age" 或者 "s-max-age" 指令，那么Expires頭會被忽略。
究其原因是因為Expires也是設(shè)置時間來做期限，但是它設(shè)置的是到期時間，并且要是GMT格式的時間，最致命的是它的到期時間是依據(jù)系統(tǒng)時間來看的，如果系統(tǒng)時間錯誤超過了Expires的到期時間，那么就會請求不到資源。