发新帖

Web前端性能优化教程03:添加Expires头

6654 25
本文是Web前端性能优化系列文排名中的第三篇,主要讲述添内容:加Expires头。完整教程可查看Web前端性能优化


如何配置过期缓存?


seofuwu697301713311.png


seofuwu697301713312.png


什么是Expires头?


Expires存储的是优化关键词用来控制缓存失效的日期。当浏览器看到响应中seo优化关键词Expires头时,它会和相应的组件优化起保存到其缓存中,只要组件没seo过期,浏览器就会使用缓存版本而不会进行任何的HTTP请求。Expires设置的日期格式必须为GMT(格林尼治标准时间)。


HTTP1.1协议中缓存的另优化种选择


Expires存在着明显的不足。


首先,Expires头使用的是优化关键词特定的时间,要求客户端和服务器端的时钟严格同步。何为严格同步?我们知道客户端的时间是可以修改的,如果服务器和客户端的时间不统优化,排名就导致seo可能出现缓存提前失效蛋俣乳况,存在不稳定性。其次,假如Expires的日期到来了,百度么还需要在服务器配置中提供优化关键词新的日期。


面对排名种情况,HTTP1.1引入了Cache-Control头来克服Expires头的限制。Cache-Control使用max-age制定组件被缓存多久,使用秒为单位,例如Cache-Control:max-age=3600;表示组件将被缓存60分钟。如果max-age和Expires同时出现,则max-ageseo更高的优先级,浏览器会根据max-age的时间来确认缓存过期时间。


Cache-Control除了可以设置max-age之外,还可以同时设置其他标签。如下图所示常用标签:


在ASP.NET下,可以通过web.config文件来配置缓存。



  • <!--单独配置Expires-->
  • <system.webServer>
  •     <staticContent>
  •         <clientCache cacheControlMode="UseExpires" httpExpires="Sun, 29 Mar 2020 00:00:00 GMT"/><!--表示过期时间为2020年3月29号-->
  •     </staticContent>
  • </system.webServer>
  • <!--单独配置max-age-->
  • <system.webServer>
  •     <staticContent>
  •         <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="30.00:01:00"/><!--表示过期时间为(30*24*60*60+60)s后-->
  •     </staticContent>
  • </system.webServer>

精彩评论25

iem6h   学习于  2016-7-11 06:13:29
这篇seo文章很不错
iem6h   学习于  2016-7-11 05:31:50
好帖就是要顶
jn7   学习于  2016-7-11 05:23:30
顶顶多好,多学点优化技巧
ez2r3   学习于  2016-7-11 05:40:48
难得一见的好帖教会我如何优化网站
ez2r3   学习于  2016-7-11 06:13:45
技术和方案都很好哦
爸爸回来了   学习于  2021-2-22 18:49:22
宁德网站seo优化推广公司
不明觉厉   学习于  2021-2-24 00:25:07
邢台网站长尾优化公司老飞
火影忍者   学习于  2021-3-3 05:19:36
河北三河网站排名优化公司
军情解码   学习于  2021-3-3 19:11:58
360网站优化要做什么公司