前言
性能優化第一步，便是管理好頁面的緩存，避免重複下載資源。否則，即增加服務器壓力，又折磨用戶的錢包。
瀏覽器緩存機制
訪問頁面，請求各種資源，瀏覽器檢查本地是否有緩存。
如果有，檢查資源是否過期。沒過期，直接使用緩存。過期了，便向服務器發出請求。
發出的請求中會帶上etag和last-modified首部字段。
服務器會通過Etag和last-modified來判斷瀏覽器緩存的資源是否已經不可用。
如果資源仍然有效，便返回304告知瀏覽器使用緩存。否則返回更新後的資源。
按照這一套邏輯，便可規劃好網站的緩存。
如果資源提前過期，如何通知瀏覽器更新資源？
通常無法做到這一點，因為瀏覽器發現資源沒過期，根本不會發出請求。但是可以通過修改資源的網址來實現。所以需要給資源文件名加上版本號或者隨機標記。例如 style.1234.css。也就是說，不要讓瀏覽器緩存html文件，否則，過期之前，瀏覽器都不會請求服務器。
分享到:
閱讀更多 星前線 的文章
