HTTP 缓存 Web

一般情况下，网站在第二次加载时，加载时间会大大被提升，这是因为网页中的一些资源被客户端缓存下来了，网页在二次加载的时候就不需要重新从远处服务器请求资源，而是直接应用客户端缓存好的数据。

扯远了···

Web缓存优化是一种提高现有系统利用率的方式，是处于用户和Web服务器之间的信息缓冲机制，基本思想是：利用了Web页面访问的时间的局部性，把用户经常访问的信息放到用户的附近或本地，以便用户后续访问能从客户端和本地服务器获取信息，不必访问远程服务器。Web缓存通过信息的本地化来加快网页浏览速度，在一定程度上节省网络带宽，减少服务器负荷。

由缓存实现的位置不同可以将Web缓存分为三类，即客户端缓存，代理缓存，服务器端缓存。

客户端缓存主要在客户机浏览器端实现，将用户请求的数据缓存在本地，这种方法响应时间最短，但是不能被局域网所共享；代理缓存指代理服务器缓存，代理服务器位于客户端与服务器之间，代理服务器在接到用户请求时，将缓存信息返回给用户，如果请求信息不在缓存中，则请求远程服务器，代理缓存的优点是可以被局域网共享；服务器缓存指将服务器端动态数据缓存给客户端使用。

可缓存优化

并不是所有Web资源都是可以被缓存的。那么从客户端优化角度，提高Web资源的可缓存话就会提高客户端的性能。

影响Web缓存的因素主要有HTTP请求方法，请求参数设置以及HTTP状态码。
HTTP/1.1规定Web请求方法有GET、HEAD、POST、DELETE、OPTION、CONNECT和TRACE八种，只有GET与POST请求是可缓存的。

根据HTTP状态码可将Web对象缓存性分为三种。
可缓存的HTTP状态码：200、203、300、301、401；
消极缓存的HTTP状态码：204、305、400、403、404、405、414、500、502、504；
不可缓存的HTTP状态码：100、101、201、202、205、206、302、303、304、307、401、402、406、407、408、409、411、412、413、415、501、505.

Web缓存中的生命周期是指Web对象相邻两次修改的时间。

HTTP中对Web生命周期进行描述的参数有Expires和last modified等，大部分时候靠last modified参数来判断Web对象的生命周期。当某一Web资源进行修改后，Web缓存服务器中并没有进行相应的修改，这时候用户请求该资源并访问Web对象是否包含Expires字段，如果包含则进行校验，符合则返回当前资源，如果不包含该字段，Web缓存服务器会向远程服务器发起GET-If-modified请求，并发送当前last modified字段，如果响应不包含last modified字段，则使用当前last modified值。

HTTP参数设置

添加Expires字段可以增长Web对象生命周期。Expires字段告诉Web客户端，在指定的时间之前都可以使用现有的Web对象，不需要重新下载。假如在HTTP响应中出现这样的Expires：

expires:Sat, 03 Sep 2016 14:33:39 GMT

这个字段告诉浏览器，该资源的生命周期可以持续到2016年9月3日。如果Web网页中某一段资源返回了这个头，那么浏览器在以后加载这个页面时，会使用缓存中的本地资源，用户在二次访问的时候就节省了下载时间。

添加Expires头

打开Nginx的站点配置文件，这里考虑给图片资源添加30天的有效期，给css和js添加7天有效期，也给字体资源添加30天的有效期。

在server{}里添加下面代码：

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|flv|ico)$ {
    expires 30d;
    access_log off;
}

location ~ .*\.(js|css)?$ {
    expires 7d;
    access_log off;
}

location ~ .*\.(eot|ttf|otf|woff|svg)$ {
    expires 30d;
    access_log off;
}

其他

实践的东西不多，另外再次对网站进行一次提速，过几天再对服务器进行升级，希望会更大的访问速度的提升。这篇文章写得好累啊!

本文由 Chakhsu Lau 创作，采用 知识共享署名4.0 国际许可协议进行许可。
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名。