前端性能优化 - 设置缓存

前言

前端性能优化系列，记录在优化过程中的问题，可能有十万个为什么，待以后懂了再记录，毕竟太菜啥都不懂。
而且部分优化（设置缓存、gzip压缩、使用CDN加速服务）非开发人员来控制，而是网站服务器管理员的职责。

一、缓存分为两类

• 强缓存：

不向服务器发送请求，直接使用客户端本地缓存数据

• 协商缓存：

向服务器发送请求，由服务器判断请求文件是否发生改变。若未发生改变，则返回304状态码，通知客户端直接使用本地缓存；如果发生改变，则直接返回请求文件。

• 参见下图：

200(from memory cache)和304(Not Modified)

1、强缓存

强缓存，又有Expires和Cache-Control之分。

差别如下：

Expires：（该时间是一个绝对时间）
其值直接是绝对时间

Cache-Control：（该时间是一个相对时间）
值为：

max-age：即最大有效时间&#