HTTP

重绘：跳过了布局阶段，直接进入绘制，然后再分块、生成位图及其以后子阶段；Painting 根据渲染树及回流得到的几何信息,得到节点的绝对像素.

合成：渲染引擎跳过布局和绘制阶段，执行的后续操作，发生在合成线程，非主线程；

HTTP

HTTP缓存

HTTP缓存都是在第二次请求时才开始的。

缓存是指代理服务器或客户端本地磁盘内保存的资源副本。利用缓存可减少对源服务器的访问，因此节省了通信流量和通信时间。

作用

缓解压力降低客户端获取资源的延迟，读取缓存速度快，地理位置可能比源服务器更近

强缓存

服务器与浏览器约定一个文件过期时间，向browser缓存查找该请求结果，并根据该结果的缓存规则决定是否使用该结果。决定是否使用缓存主动性在浏览器这边.

强制缓存失效，发送请求（和第一次请求一样），响应状态码为200 存在缓存结果和标识但结果已失效，使用协商缓存

存在缓存结果和标识且未失效，直接返回结果，响应状态码为403，在 size 项中标识的是 from disk cache

发送请求时，服务器会把缓存规则放入HTTP响应报文的HTTP头中和请求结果一起返回给浏览器，控制强制缓存的字段分别是Expires（HTTP1.0时期使用）

Cache-Control（HTTP/1.1时期使用）

其中Cache-Control优先级比Expires高。

Expires(HTTP/1.0)

存在于服务器返回的响应头。

Expires是HTTP/1.0控制网页缓存的字段，其值为服务器返回该请求结果缓存的到期时间，即再次发起该请求时，如果客户端的时间小于Expires的值时，直接使用HTTP本地缓存并返回状态码200。

缺点： Expires控制缓存的原理是使用客户端的时间与服务端返回的时间做对比，那么如果客户端与服务端的时间因为某些原因（例如时区不同；客户端和服务端有一方的时间不准确）发生误差，那么强制缓存则会直接失效，这

样的话强制缓存的存在则毫无意义。

Cache-Control(HTTP/1.1)

来源于响应头和请求头。

private：所有内容只有客户端可以缓存，Cache-Control的默认取值

no-cache：跳过当前当前强缓存，客户端缓存内容，直接进入协商缓存阶段。

no-store：所有内容都不会被缓存，即不使用强制缓存，也不使用协商缓存

max-age=xxx (xxx is numeric)：缓存内容将在xxx秒后失效，只有http1.1可用。

强缓存失效进入协商缓存。

Cache-Control实现流程:

1. 浏览器第一次请求访问服务器资源时,服务器会在返回这个资源的同时,在response头部加上 Cache-Control,

Cache-Control 中设置了过期时间大小；

1. 浏览器再次访问服务器该资源时,会先通过请求资源的时间与cache-control中设置的过期时间对比,计算该资

源是否过期,若没有则使用该缓存,否则重新请求资源.

1. 服务器再次收到请求后,会再次更新Response头部的Cache-Control.

优先级:Cache-Control > Expires

协商缓存

协商缓存就是与服务端协商之后，通过协商结果来判断是否使用本地缓存，通过服务端告知客户端是否可以使用缓存的方式称为协商缓存。

强制缓存失效后，browser携带缓存标识tag向server发请求，由服务器根据缓存tag决定是否使用缓存的过程。

tag分为两种：Last-Modified和ETag，不分上下。

Last-Modified(HTTP/1.0)

Last-Modified(响应头)，If-Modified-Since(请求头)

最后一次修改时间。以此判断当前请求资源是否是最新的，浏览器第一次给服务器发送请求后，服务器会在响应头中加入这个字段。

browser接收后，若再次请求，会在请求头中携带If-Modified-Since字段，也就是server传来的最后修改时间。

服务器拿到请求头中的If-Modified-Since字段后，和服务器中该资源的最后修改时间对比：

若请求头中这个值小于修改时间，说明应该更新了。返回新的资源，状态码为200。

否则返回304，直接使用缓存。

ETag(HTTP/1.1)

服务器根据当前文件的内容，给文件页面生成的唯一标识。通过响应头传送给浏览器。

浏览器会在下次请求时，将这个值作为If-None-Match字段的内容，放到请求头。

使用 ETag 字段实现的协商缓存的过程如下：

当浏览器第一次请求访问服务器资源时，服务器会在返回这个资源的同时，在 Response 头部加上 ETag 唯一标识，这个唯一标识的值是根据当前请求的资源生成的；