web前端 快取

2021-09-19 14:30:43 字數 623 閱讀 4318

快取優勢:

提高訪問速度

節省頻寬

減輕伺服器壓力

增強使用者體驗

快取型別:

服務端快取:資料庫快取:將查詢的資料放到記憶體;cdn快取(靜態資源快取)​​​​;**伺服器快取。

瀏覽器快取:瀏覽器都實現了http快取;cookie,web storage

html5快取:可配置需要快取的資源;網路無連線應用仍可用

瀏覽器快取的型別:強快取和協商快取。 

http header 命中強快取,瀏覽器直接獲取快取資源;命中協商快取,伺服器返回304,瀏覽器獲取本地快取資源

強快取是不需要傳送http請求到伺服器,直接從本地磁碟獲取快取過的資源

協商快取需要由伺服器來確定客戶端快取資源是否可用

快取策略圖示:

web前端快取

網上關於web快取的文章很多,今天彙總一下。一般針對靜態資源如css,js,等使用快取,原因如下 快取分為服務端側 server side,比如 nginx apache 和客戶端側 client side,比如 web browser 常用的服務端快取有cdn快取,客戶端快取就是指瀏覽器快取。瀏覽...

web前端效能優化 快取

雅虎的16條優化準則,作為前端開發工程師,都是耳熟能詳,信手拈來。但很多時候也能難完全的做得到,一些準則跟工程原則是衝突的,難以落實起來。js檔案放尾部,css檔案放頭部等,這些基本的優化點還是可以做到,但是有時候遇到網速慢的情況,會出現一段時間的白屏,從使用者體驗的角度來說,還是有提公升的空間。根...

Web前端資料快取處理

我的這個示例也是在開發中遇到的,場景在web後台管理系統中。系統中有一些配置資料在前端需要頻繁使用,所以做了乙個前端的快取。這個配置資料在後台是放在redis中快取的,雖然前端請求對資料庫影響不大,但是頻繁對系統進行請求還是有些不妥。大致邏輯 1.後台快取放在redis中,配置資料有改動時,重新整理...