CSS文件緩存是指web瀏覽器將CSS文件以本地緩存的形式保存于計算機本地的硬盤中,當用戶再次訪問相同的網站時,瀏覽器就從本地讀取CSS文件而不是從服務器重新下載,提高了網頁的加載速度,提升用戶體驗。
要設置CSS文件緩存,最有效的方法就是使用HTTP緩存控制。HTTP協議定義了一套緩存策略,可以通過設置HTTP頭來控制是否緩存資源、如何緩存資源及緩存多長時間等。具體的HTTP頭字段有Cache-Control,Expires,Last-Modified以及ETag。
使用Cache-Control頭字段,可以控制瀏覽器何時驗證資源是否更新。如下示例代碼可在CSS文件頭部中添加Cache-Control頭字段:
HTTP/1.1 200 OK
Content-type: text/css
Cache-Control: max-age=31536000
這里的max-age參數指定了緩存的秒數,即一年,這樣設置后,瀏覽器將緩存CSS文件一年時間,一年之內再次訪問該網站時就直接從本地讀取CSS文件。
除了Cache-Control頭字段,還可以使用Expires、Last-Modified、ETag等HTTP頭來設置CSS文件緩存。Expires頭字段在HTTP1.0時期廣泛使用,現已被Cache-Control取代。Last-Modified和ETag主要用于控制緩存資源的驗證。如下代碼可在CSS文件頭部中添加Last-Modified頭字段:
HTTP/1.1 200 OK
Content-type: text/css
Last-Modified: Wed, 10 May 2017 14:17:28 GMT
至此,就成功添加了CSS文件的緩存,使用戶再次訪問該網站時速度更快。
上一篇css梯形布局
下一篇mysql 生成唯一標記