服務(wù)項目
聯(lián)系方式
保定市遨游計算機服務(wù)有限公司
咨詢熱線:13313028229
售后:0312-6791400
售后:0312-6791126
網(wǎng)址:gtswmw.cn
地址:保定朝陽大街國貿(mào)大廈8樓808室
咨詢熱線:13313028229
售后:0312-6791400
售后:0312-6791126
網(wǎng)址:gtswmw.cn
地址:保定朝陽大街國貿(mào)大廈8樓808室
瀏覽器緩存控制簡介及配置策略
[來源:gtswmw.cn]
[作者:網(wǎng)站建設(shè)]
[日期:16-01-08]
[瀏覽次數(shù):]
每次訪問網(wǎng)頁,通常瀏覽器會從服務(wù)器下載所需的資源,例如 HTML 文檔、圖片、CSS、JavaScript,甚至包括字體文件等。這里面的許多文件(例如圖片)都是很少變動的,如果每次都要從服務(wù)器重新下載,會不必要地增加網(wǎng)頁載入時間,同時也會對服務(wù)器造成一定壓力。通過合理配置緩存策略,可令瀏覽器以某種方式把這些靜態(tài)的文件緩存起來,下次請求同一資源時,直接使用本地存儲的副本,而不是從服務(wù)器重新下載。
啟用緩存至少有兩點顯而易見的好處:
減少頁面加載時間
減少服務(wù)器負載
瀏覽器是否使用緩存、緩存多久,是由服務(wù)器控制的。準確來說,當瀏覽器請求一個網(wǎng)頁(或者其他資源)時,服務(wù)器發(fā)回的響應(yīng)的「響應(yīng)頭」部分的某些字段指明了有關(guān)緩存的關(guān)鍵信息。
Cache-Control
Cache-ControlHTTP 響應(yīng)頭是 HTTP 1.1 協(xié)議新增的指令,每個資源都可以通過設(shè)定 Cache-Control 來建立緩存策略。通常,可為它指定一個max-age,表示緩存的最長時間,單位為秒。例如,若設(shè)定Cache-Control: max-age=604800,則表示這個資源的有效時間為 7 天。瀏覽器第一次獲取這個資源后,7 天之內(nèi)若再次請求,通常都不會與服務(wù)器進行任何通信,而是直接使用本地副本。
此外,還可以為 Cache-Control 指定public或private標記。如果使用 private,則表示該資源僅僅屬于發(fā)出請求的最終用戶,這將禁止中間服務(wù)器(如代理服務(wù)器)緩存此類資源。對于包含用戶個人信息的文件(如一個包含用戶名的 HTML 文檔),可以設(shè)置 private,一方面由于這些緩存對其他用戶來說沒有任何意義,另一方面用戶可能不希望相關(guān)文件儲存在不受信任的服務(wù)器上。需要指出的是,private 并不會使得緩存更加安全,它同樣會傳給中間服務(wù)器(如果網(wǎng)站對于傳輸?shù)陌踩砸蠛芨?,?yīng)該使用傳輸層安全措施)。對于 public,則允許所有服務(wù)器緩存該資源。通常情況下,對于所有人都可以訪問的資源(例如網(wǎng)站的 logo、圖片、腳本等),Cache-Control 設(shè)為 public 是合理的。
Expires
同樣是用來控制緩存,Expires響應(yīng)頭從另一個角度——指明緩存的具體過期日期,來控制資源何時過期。在過期時間以內(nèi),若再次發(fā)起請求,通常瀏覽器都不會與服務(wù)器進行任何通信,而是直接使用本地副本。Apache 服務(wù)器允許以多種方式,例如基于該資源的訪問時間或上次修改時間來設(shè)定 Expires 的值。注意,這里的時間一律使用格林威治時間(Greenwich Mean Time, GMT),而非本地時間。
當 Expires 和 Cache-Control 同時出現(xiàn)時,通常后者會覆蓋前者的設(shè)定。由于 Expires 對用戶的系統(tǒng)時間有所依賴,因此通常認為使用 Cache-Control 是更好的選擇(基本上所有的瀏覽器都支持 Cache-Control 指令)。
Last-Modified 和 ETag
服務(wù)器可在 HTTP 返回頭中包含Last-Modified字段或者ETag字段。Last-Modified 表示被請求資源在服務(wù)器端的上次修改時間,而 ETag 則是一個唯一文件標識符,每次文件修改后都會生成一個新的 ETag。服務(wù)器通過向瀏覽器發(fā)送這兩個字段,來告知瀏覽器其獲得的資源的版本。
無論通過 Cache-Control 還是 Expires 設(shè)置緩存,在過期時間以內(nèi),當用戶點擊瀏覽器刷新按鈕時,為了確保用戶所加載的資源是最新的,大部分瀏覽器不會再直接使用緩存中的數(shù)據(jù),而是發(fā)出一個條件請求(Conditional GET Request)。對于這類請求,瀏覽器會在請求頭中包含If-Modified-Since或If-None-Match字段。前者即瀏覽器當初得到的 Last-Modified;后者即瀏覽器當初得到的 ETag。當服務(wù)器發(fā)現(xiàn)資源的更新時間晚于 If-Modified-Since 所提供的時間,或者資源在服務(wù)器端當前的 ETag 和 If-None-Match 提供的不符時,會響應(yīng)整個資源,否則只會響應(yīng)一個 304 Not Modified 狀態(tài)碼(因此瀏覽器將不需要重新下載整個資源)。這種機制可以最大程度上減少數(shù)據(jù)下載量。此外,如果緩存的資源已過期,瀏覽器通常有兩種選擇:重新下載這個資源,或發(fā)出一個條件請求。很多瀏覽器都會采取后者,以節(jié)約資源。
由于 Last-Modified 和 ETag 的作用是相同的(均為向服務(wù)器驗證資源是否最新),因此只使用一個即可。通常認為 Last-Modified 更好(它和 Expires 不同,由服務(wù)器生成,不依賴瀏覽器端時間)。
我的網(wǎng)站啟用緩存了嗎?
用瀏覽器的開發(fā)者工具或插件查看
為了確定是否啟用了緩存,只需要檢查服務(wù)器發(fā)回的「響應(yīng)頭」就可以。許多瀏覽器以及工具都可以檢查這些信息,我們以 Firefox 的插件 Firebug 為例。如圖所示:
下面再來看一個沒有啟用緩存的資源的例子:
沒有包含Cache-Control以及Expires信息。
在線檢測
也有一些方便的在線檢測服務(wù),用于對網(wǎng)站速度給出建議,其中就會檢測緩存設(shè)置情況。比如 Yahoo! 公司的 YSlow,以及百度站長工具等,都有相應(yīng)的功能。大家可以去百度那里檢測一下,目前是不需要登錄即可檢測的。
使用緩存的策略
為靜態(tài)資源設(shè)置長緩存時間
有些資源是很長時間不會改變的,比如網(wǎng)站的 logo 圖片、jQuery 庫、字體等,因此可以為它們設(shè)定「永不過期」的緩存時間,例如設(shè)定為 10 年。
確保文件修改生效
有些時候我們會修改一些資源,比如更新了 jQuery 版本,或網(wǎng)站的 CSS 樣式。如果這些資源已經(jīng)被緩存,那么除非用戶手工刷新頁面,否則要等緩存自然過期之后用戶才會獲得新版本。如何在這種情況下強制瀏覽器重新下載呢?最有效的一個辦法就是在這類資源的文件名中包含版本信息,并在更改之后對應(yīng)地修改文件名。瀏覽器發(fā)現(xiàn)文件更換后,自然無法使用緩存,而會重新下載。
對于 HTML 文檔謹慎設(shè)定過期時間
大部分情況下,對于其他圖片、CSS、JavaScript 等資源的請求都來自一個單一的 HTML 文檔。對于這類頁面通常應(yīng)該設(shè)定比較短的過期時間,或者干脆不設(shè)定。因為如果這類頁面被緩存,那么頁面中包含的資源的文件名等等信息都會一并被緩存,導致對它的更新難以確保立即對用戶生效。
引用靜態(tài)資源時,不要使用 Query String
Query String 就是例如?key=val的字符串,如
這會阻止一部分較老的瀏覽器(包括 IE6 )對該資源進行緩存。
設(shè)定緩存的方法
對于 Apache 服務(wù)器,可以通過 mod_expires 模塊來設(shè)定ExpiresHTTP 頭或Cache-ControlHTTP 頭的max-age指令。編輯相應(yīng)目錄下的 .htaccess 文件,或直接對 Apache 的配置文件(根據(jù)服務(wù)器系統(tǒng)版本不同,可能為httpd.conf或apache2.conf等)作出修改。
分文件類別設(shè)定
使用ExpiresByType可以按照文件的 MIME Type 設(shè)定某一類文件的過期日期。例如:
ExpiresActive On
ExpiresByType text/css "access plus 1 week"
ExpiresByType application/javascript "access plus 2 weeks"
ExpiresByType image/x-icon "access plus 6 months"
ExpiresByType image/gif "access plus 6 months"
ExpiresByType image/png "access plus 6 months"
ExpiresByType image/jpeg "access plus 6 months"
ExpiresByType video/x-flv "access plus 6 months"
ExpiresByType application/pdf "access plus 6 months"
其中access plus 1 week表示將緩存過期設(shè)置為訪問時間(即當前時間)之后的一周。如果將access替換為modification,則緩存過期會被設(shè)定為文件修改時間之后的一周。可以使用的時間單位包括:
years
months
weeks
days
hours
minutes
seconds
不同的時間也可以進行組合,例如:
ExpiresByType text/html "access plus 1 month 15 days 2 hours"ExpiresByType image/gif "modification plus 5 hours 3 minutes"
根據(jù)文件擴展名進行設(shè)置
如果希望根據(jù)擴展名來指定緩存規(guī)則,可以使用FilesMatch配合正則表達式。為了簡潔,我這里只規(guī)定了ExpiresDefault。它的優(yōu)先級很低,只會在對應(yīng)文件沒有任何其他規(guī)則能夠匹配(包括上層目錄下的緩存規(guī)則)時生效。
ExpiresActive on
ExpiresDefault "access plus 1 week"
對某些文件設(shè)定
同理,也可以對某些文件啟用特定的緩存策略。注意,文件名中的點(.)是需要轉(zhuǎn)義的。
ExpiresActive on
ExpiresDefault "access plus 1 week"
對某一文件夾下的所有文件設(shè)定
對于靜態(tài)文件,一個比較方便的做法是將它們?nèi)糠诺揭粋€目錄下,并對該目錄下的所有文件設(shè)定。但是,此處需要注意防止其他規(guī)則將ExpiresDefault覆蓋掉。
ExpiresActive On
ExpiresDefault "access plus 10 years"
www.fenqiangjixie.cn www.jianghehengye.com www.qibiji58.com