CSS文件緩存是指web瀏覽器將CSS文件以本地緩存的形式保存于計算機本地的硬盤中,當用戶再次訪問相同的網(wǎng)站時,瀏覽器就從本地讀取CSS文件而不是從服務(wù)器重新下載,提高了網(wǎng)頁的加載速度,提升用戶體驗。
要設(shè)置CSS文件緩存,最有效的方法就是使用HTTP緩存控制。HTTP協(xié)議定義了一套緩存策略,可以通過設(shè)置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參數(shù)指定了緩存的秒數(shù),即一年,這樣設(shè)置后,瀏覽器將緩存CSS文件一年時間,一年之內(nèi)再次訪問該網(wǎng)站時就直接從本地讀取CSS文件。
除了Cache-Control頭字段,還可以使用Expires、Last-Modified、ETag等HTTP頭來設(shè)置CSS文件緩存。Expires頭字段在HTTP1.0時期廣泛使用,現(xiàn)已被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文件的緩存,使用戶再次訪問該網(wǎng)站時速度更快。
上一篇css梯形布局
下一篇mysql 生成唯一標記