五、 靜態資源
本節課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...