HTTP协议常用字段

旧城等待， 2022-08-10 09:22 204阅读 0赞

[HTTP 协议中的 Transfer-Encoding这里写链接内容][HTTP _ Transfer-Encoding]

[http 304优化，了解客户端缓存][http 304]

[使用HMTL5 API监控前端性能][HMTL5 API]

[前端工程精粹（一）：静态资源版本更新与缓存][Link 1]  
[浏览器缓存和304的冲突问题][304]

## 状态码 ##

100-199  
200-299 成功  
300-399 重定向，服务器资源被移除  
400-499 客户端错误  
500-599 服务器程序处理错误

[HTTP协议详解（真的很经典）][HTTP]

常用字段

简介

ETAG在HTTP协议中的定义是资源实体的标记（entity tag），强标识一个资源。是缓存过期的一种代替方案（IF-MODIFIED-SINCE,IF-UNMODIFIED-SINCE）。服务器端资源一旦改变，ETAG值需要跟着改变。但是协议没有规定ETAG的计算方法，可以任意实现。一般对应静态资源（静态URL或文件）采用MD5摘要方式较好。

ETAG与IF-MATCH,IF-NONE-MATCH配合实现缓存方案，代替IF-MODIFIED-SINCE,IF-UNMODIFIED-SINCE（另外）

资源（Resource）：URL唯一标识的资源，一个URL对应一个资源。

实现原理  
服务器端创建资源，生成ETAG，每次修改也更新ETAG。  
客户端首次访问资源，服务器返回资源实体内容和在头区中返回ETAG值，客户端保存实体内容和ETAG值。  
客户端再次访问资源的时候，在头域（header）中加入“If-match:etag值”指令。  
服务器接受到请求后，检查资源的ETAG值是否与请求的If-match指定的etag值相同（强匹配），如果匹配则响应304 Not Modified，表示资源未改变，客户端可以直接使用前面请求中保存的资源，如果不匹配才返回资源实体（entity,也就是body体）.或者：客户端再次访问资源的时候，在header中加入“If-None-Match:etag值”，如果服务器的ETAG值匹配客户端请求 的etag值则返回412，表示条件冲突，不匹配则返回实体内容。  
客户端继续使用缓存的资源。  
If-Match:匹配则返回实体内容，否则响应307，不返回实体内容。  
If-None-Match:不匹配则返回实体内容，否则响应412错误。

ETag比Last-Modified和 Expires 的优势  
Last-Modified和Expires都是时间作为判断资源是否改变的标志存在一些隐患。  
在秒级以内多次修改，Last-Modified和Expires无法表示出来，因为Last-Modified和Expires最小粒度为秒级。  
对资源多次修改，但是最后又修改回最初的内容，实际上内容并没有改变。  
ETag值是根据实际内容变更才更新，所以可以更准确的标志资源。

实际应用

云存储中最为文件的tag，标记文件是否改变。一般使用MD5判断文件是否改变，也可以直接使用MD5值作为ETAG值。  
问题：对大文件，修改一小部分内容后，更新ETAG，从新计算MD5，效率太低,解决方案啊~？

### Expires头 ###

什么是Expires头？

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

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

Expires存在着明显的不足。

首先，Expires头使用的是一个特定的时间，要求客户端和服务器端的时钟严格同步。何为严格同步？我们知道客户端的时间是可以修改的，如果服务器和客户端的时间不统一，这就导致有可能出现缓存提前失效的情况，存在不稳定性。其次，假如Expires的日期到来了，那么还需要在服务器配置中提供一个新的日期。

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

#### **问题：** ####

使用永久强缓存后（静态文件末尾添加md5戳），设置Expires为未来时间，但是静态文件还会出现304，如果让浏览器直接使用缓存。

### 工具 ###

#### 代理工具 : ####

[charles][]  
[filldder][]

[HTTP _ Transfer-Encoding]: http://www.tuicool.com/articles/IBrUZj
[http 304]: http://www.cnblogs.com/mofish/archive/2011/09/03/2165467.html
[HMTL5 API]: http://www.infoq.com/cn/articles/html5-performance-api-monitoring?utm_campaign=rightbar_v2&utm_source=infoq&utm_medium=articles_link&utm_content=link_text
[Link 1]: http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1/
[304]: http://www.iteye.com/problems/88354
[HTTP]: http://www.cnblogs.com/li0803/archive/2008/11/03/1324746.html
[charles]: http://www.charlesproxy.com/
[filldder]: http://www.telerik.com/fiddler