靜態資源快取和更新

2021-10-09 04:29:04 字數 1142 閱讀 9648

五、 靜態資源

​ 本節課cdn的核心原理將靜態頁面部署在cdn上, 來提公升我們商品詳情頁的流量能力發揮到極致。

cdn靜態資源 cdn—cache control 響應頭

​ —(1) dns 用cname 解析到源站

​ —(2)回源快取設定

cacahe-control 狀態

private客戶端可以快取

public客戶端和**端進行快取

max-age=快取記憶體將在多少秒後失效

no-cache強制向伺服器驗證一次

no-store不可快取

瀏覽器重新整理:

回車重新整理或者 a連線: 看cache-control對應的max-age是否有效, 如果有效 fromcache, no-cache 快取協商邏輯

f5重新整理: 去掉cache-control中的max-age或者就是把它設定為0

crtl + f5 強制重新整理: 直接很乾脆的去掉cache-contol 強制重新整理

靜態資源快取與更新:

強制瀏覽器使用本地快取(cache-control/expies),不要和伺服器進行通訊。但是這種優化問題來了,你不讓瀏覽器發請求資源這個快取這麼更新呢。

a.css

b.css

c.css

​ 想到乙個辦法, 通過更新頁面中的資源路徑, 讓瀏覽器自動放棄快取,載入新的資源。

index.html

上線 把連線位址改了新的版本,更新資源問題。 問題解決了嗎? 大公司裡面還是比較**

已發布待發布

問題解決辦法------ 必須讓url的修改與檔案內容 關聯, 也就是說, 只要檔案內容變化, 才會導致相應的url變化。

什麼東西與檔案內容相關? 我們會很自然的理所當然聯想到乙個演算法, 資料摘要演算法。 對檔案摘要資訊。 與檔案內容一一對應。 這個就可以做個精確到單個檔案的快取控制依據。

資料摘要演算法:密碼學中非常重要的乙個分支,資料簽名和資料完整校驗。 不可逆,有的對乙個敏感資訊進行加密。 資料摘要演算法被稱為 hash演算法 雜湊演算法。

Nginx配置快取靜態資源

proxy cache path nginx cache mall levels 1 2 keys zone mall 20m max size 1g server location cache error page 404 404.html location 40x.html error page...

gulp管理靜態資源快取

前端專案在版本迭代的時候,難免會遇到靜態快取的問題,明明開發的是ok的,但是一部署到伺服器上,發現頁面變得亂七八糟,這是由於靜態快取引起的。從上面這張可以看出,瀏覽器載入css,js等資源時,size一欄是from cache,也就是直接使用了本地的資源,而沒有向伺服器請求。這樣做的好處是提公升頁面...

Nginx 靜態資源快取設定

在開發除錯web的時候,經常會碰到因瀏覽器快取 cache 而經常要去清空快取或者強制重新整理來測試的煩惱,提供下apache不快取配置和nginx不快取配置的設定。在常用的快取設定裡面有兩種方式,都是使用add header來設定 分別為cache control和pragma。nginx loc...