本文是Web前端性能優(yōu)化系列文章中的第三篇，主要講述添內(nèi)容：加Expires頭。完整教程可查看：Web前端性能優(yōu)化

什么是Expires頭？

Expires存儲(chǔ)的是一個(gè)用來(lái)控制緩存失效的日期。當(dāng)瀏覽器看到響應(yīng)中有一個(gè)Expires頭時(shí)，它會(huì)和相應(yīng)的組件一起保存到其緩存中，只要組件沒有過(guò)期，瀏覽器就會(huì)使用緩存版本而不會(huì)進(jìn)行任何的HTTP請(qǐng)求。Expires設(shè)置的日期格式必須為GMT（格林尼治標(biāo)準(zhǔn)時(shí)間）。

HTTP1.1協(xié)議中緩存的另一種選擇

Expires存在著明顯的不足。

首先，Expires頭使用的是一個(gè)特定的時(shí)間，要求客戶端和服務(wù)器端的時(shí)鐘嚴(yán)格同步。何為嚴(yán)格同步？我們知道客戶端的時(shí)間是可以修改的，如果服務(wù)器和客戶端的時(shí)間不統(tǒng)一，這就導(dǎo)致有可能出現(xiàn)緩存提前失效的情況，存在不穩(wěn)定性。其次，假如Expires的日期到來(lái)了，那么還需要在服務(wù)器配置中提供一個(gè)新的日期。

面對(duì)這種情況，HTTP1.1引入了Cache-Control頭來(lái)克服Expires頭的限制。Cache-Control使用max-age制定組件被緩存多久，使用秒為單位，例如Cache-Control：max-age=3600；表示組件將被緩存60分鐘。如果max-age和Expires同時(shí)出現(xiàn)，則max-age有更高的優(yōu)先級(jí)，瀏覽器會(huì)根據(jù)max-age的時(shí)間來(lái)確認(rèn)緩存過(guò)期時(shí)間。

Cache-Control除了可以設(shè)置max-age之外，還可以同時(shí)設(shè)置其他標(biāo)簽。如下圖所示常用標(biāo)簽：

如何配置過(guò)期緩存？

在ASP.NET下，可以通過(guò)web.config文件來(lái)配置緩存。

• <!--單獨(dú)配置Expires-->
• <system.webServer>
•     <staticContent>
•         <clientCache cacheControlMode="UseExpires" httpExpires="Sun, 29 Mar 2020 00:00:00 GMT"/><!--表示過(guò)期時(shí)間為2020年3月29號(hào)-->
•     </staticContent>
• </system.webServer>
• <!--單獨(dú)配置max-age-->
• <system.webServer>
•     <staticContent>
•         <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="30.00:01:00"/><!--表示過(guò)期時(shí)間為（30*24*60*60+60）s后-->
•     </staticContent>
• </system.webServer>

標(biāo)簽： Web前端性能優(yōu)化教程 Web優(yōu)化 Web前端優(yōu)化 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。