【逗比作孽呀】网站缓存优化

系统管理员 2022-01-17 07:01 115阅读 0赞

[为什么80%的码农都做不了架构师？>>> ][80_]  ![hot3.png][]

### 为什么想到写篇缓存网站优化？ ###

都是逗比穷惹的祸，本人的vps内存比较小，而我自己又做了图片系统，博客的图片都是经过裁剪的，图片做裁剪可以非常占用内存了

为了降低vps的压力，就只能在前端做缓存优化了。http真是一个伟大的协议，我们就来通过http header 关键字来做网站优化

1）修改时间：Last-Modified  和 IF\_MODIFIED\_SINCE

Last-Modified 关键字是用来设置文档的最后的更新日期，如下代码

Last-Modified：Thu, 15 Oct 2015 13:47:06 GMT

浏览器发现response header 有 Last-Modified 就会对资源缓存的，在下次请求同样的资源就会在request header 加 If-Modified-Since 并且值等于 Last-Modified 的 值，如下

If-Modified-Since：Thu, 15 Oct 2015 13:47:06 GMT

然后在php端就可以根据  $\_SERVER\['HTTP\_IF\_MODIFIED\_SINCE'\]   和  资源的 修改时间 对比，如果没变，就直接可以返回 304 not found

2）过期时间： Expires 和 Cache-Control

虽然上面的方法，虽然会选择缓存进行渲染，但是还是多发送一次http请求了，虽然并没有响应实体，但是还是会造成资源消耗嘛（还是逗比穷惹的祸），Expires的设计思想 就和上面的方法不同

当服务端希望客户端对资源进行缓存时，为了避免客户端每次都来询问服务端：我上次的缓存还可以用吗？所以服务端选择放弃了，直接告诉客户端缓存多长时间了，在这段时间内可以直接时间，不要再来问我了。而服务端通过Expires告诉客户端浏览器可以缓存多长时间而不比去询问服务端了，如下代码

Expires: Sat, 04 Oct 2025 14:53:59 GMT

一看我就是狠家伙，缓存了10年了。当客户端浏览器发现有这个header就会缓存资源，在这个时间端内，浏览器都不会去询问服务器了。

但是Expires有个不足之处，如何服务器和客户端时间不一致，例如服务端让客户端缓存1个小时，而客户端时间比服务端时间快2个小时，等于就是缓存没效果了。这个时候就该

Cache-Control 属性出场了。如果客户端浏览器发现header中有改属性，就会通过本地客户端时间加上改属性值生成缓存时间，例如

Cache-Control: max-age=315360000

大家应该有个疑问，如果这Expires 和 Cache-Control两个属性同时有，以谁为主？

如果同时出现，Cache-Control优先

做完了上面两步，基本上我的图片都会被客户端缓存起来了，总算通过优化达到了我的目的！！

![600][]

原文地址： [【逗比作孽呀】网站缓存优化][Link 1]  
标签： [优化][Link 2]    [客户端][Link 3]    [资源][Link 4]    [Last-Modified][]    [IF\_MODIFIED\_SINCE][IF_MODIFIED_SINCE]    [Expires][]    [Cache-Control][]

### 智能推荐 ###

*  [【技能】提高网站可用性][Link 5]
 *  [解读大型网站的演变过程][Link 6]
 *  [CDN服务技术架构图][CDN]
 *  [【No.2 Ionic】Android打包][No.2 Ionic_Android]
 *  [【php】命名空间 和 自动加载的关系][php_ _]

转载于:https://my.oschina.net/54php/blog/600221

[80_]: https://my.oschina.net/u/2663968/blog/3051541
[hot3.png]: /images/20220117/2b5c83c91dcf49069815d7854769f1ef.png
[600]: /images/20220117/3afe4469d73e49eea03a3ba78115cf61.png
[Link 1]: http://www.54php.cn/default/35.html?source=oschina
[Link 2]: http://www.54php.cn/search/do?kw=%E4%BC%98%E5%8C%96&source_id=35&source=oschina
[Link 3]: http://www.54php.cn/search/do?kw=%E5%AE%A2%E6%88%B7%E7%AB%AF&source_id=35&source=oschina
[Link 4]: http://www.54php.cn/search/do?kw=%E8%B5%84%E6%BA%90&source_id=35&source=oschina
[Last-Modified]: http://www.54php.cn/search/do?kw=Last-Modified&source_id=35&source=oschina
[IF_MODIFIED_SINCE]: http://www.54php.cn/search/do?kw=IF_MODIFIED_SINCE&source_id=35&source=oschina
[Expires]: http://www.54php.cn/search/do?kw=Expires&source_id=35&source=oschina
[Cache-Control]: http://www.54php.cn/search/do?kw=Cache-Control&source_id=35&source=oschina
[Link 5]: http://www.54php.cn/default/48.html?flag=recommend&source=oschina&source_id=35
[Link 6]: http://www.54php.cn/default/53.html?flag=recommend&source=oschina&source_id=35
[CDN]: http://www.54php.cn/default/65.html?flag=recommend&source=oschina&source_id=35
[No.2 Ionic_Android]: http://www.54php.cn/default/167.html?flag=recommend&source=oschina&source_id=35
[php_ _]: http://www.54php.cn/default/186.html?flag=recommend&source=oschina&source_id=35