|
|
|||||||||||
|
|||||||||||||
| 当前位置： 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文 |
|
|||
| 提升网站访问速度:HTTP响应头管理 | |||
| 2011-4-12 12:25:09 文/王康 出处:网络博客 | |||
|
哪些头需要好好管理？ Cache-Control 这是个无比妙用的头，它可以让你的首页，从2MB，变成200KB。 没错，就是它。 我们先看看别人用了它之后，做到了啥。  减少了这么多，网站和用户双赢，靠的就是这个头。下面我将讲下具体如何用。 Last-Modify 这个头好用，那就用是了，为什么还要单独拿出来说？ 是因为这个头，有个小的隐藏风险，见过很多人中标，我指出来，希望更多的人可以看到，之后避免。 很多网站，在更新网站或者发布网站临时维护信息时，会采用将老的文件，剪切到其他目录，然后本地再上传一个同名文件进行文件更新或者网站的页面更新。当更新的页面出问题或者维护结束他们使用正常页面给用户服务，会立刻把老的文件剪切回来，覆盖旧文件。 这就有一个非常大的问题。 因为对于已经访问过网站的人来说，他们已经把文件缓存到了本地。当用户再次访问网站时，会发送一个If-Modify-Since请求。 老文件 Last-Modified： 旧时间 新文件 Last-Modified： 新时间 当你用旧文件替换新文件后，由于新文件的最后修改时间要早于旧文件的，所以，IE不会让用户拿到没有问题的旧文件，而是让他们使用新文件。 所以，如果你使用用旧文件替代新文件，一定要对旧文件做个小的处理，使其更新最后修改时间，不然，用户依然会访问出问题的页面或者是维护页面。 如何用好Cache-Control？ 当你不想让用户缓存时，你只需要添加一个头，no-store即可，其他no-cache、must、must-revalidate、proxy-revalidate等都没必要用，因为no-store一般默认为最高级。 其他可以让用户缓存的页面，区分目录，根据不同的目录，配置不同的max-age头。 max-age啥用处？ 用户得到HTTP响应头后，会根据本地时间，加上max-age的时间，形成一个过期时间。例如，用户本次时间为11:00，max-age设置为600，那么文件拿到后，过期时间为11:10分。也就是这个用户，在11:10分以前，访问这个文件，就会直接缓存命中，而不会对服务器发出请求。 所以，max-age的运用就可以让你的网站像那四大门户一样，大小减少到原来的10分之一，请求数也会短期内得到巨大的减少。 如何设置Cache-Control？ 如何设置百度娘之。 管理上的建议： 你不可能针对每个文件配置Cache-Control，所以，最好是先拆分域名，将不同应用（文件类一个域名，图片类一个域名等等）配置不同的缓存控制头。 如果你的网站属于大中型网站，如网页访问带宽在100M以上的，可能针对域名配置不同缓存控制头，已经不能满足你的需求了，这个时候，就可以管理好你的目录。 将文件根据你们网站特点分到不同目录，然后针对目录，配置不同的缓存控制头。 max-age设置多大？ 以下提出的均为建议值，但是最适合你的，是你自己根据网站特点进行的缓存时间配置。 首页，建议为900，也就是15分钟。 文本类文件，建议为10800，也就是3小时。 图片类文件，建议为86400，也就是24小时。 Swf类文件，建议为604800，也就是7天。 flv、exe类文件，建议为31536000，也就是1年。 |
|||
| 最新热点 | 最新推荐 | 相关文章 | ||
| 网页设计(Web Design)空格处理方法 让网页设计师更有价值的5个技巧 如何评判网站的满意度 页面自动跳转的几种实现方法 网站内容的四种分类形式 或多或少的… 如何指定规范网页？rel="canonical" 浅谈网站评论体系设计的不足之处 网页中“上一篇”“下一篇”设计思考 网页设计进度指示器帮助用户预测步骤 网页用户体验:网页注册表单设计分析 |
| 关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
|
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |
