Http缓存知识；HTTPS, HTTP2相关知识；百度统计和即时线上客服。

安装 :

百度统计 来统计用户流量，

Intercom 来做即时线上客服。

这两个是 JavaScript 插件放在 HTML 上的.

---

HTTP缓存：

https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/http-caching

使用浏览器缓存，可以加快网页加载速度。

开发者需要确保header提供正确的指令。

用户发送请求，服务器接受后处理并返回response。它会根据请求中的data,判断是否请求内容是否已变化，没有变化的话，就在response中告诉Browser使用自身缓存，同时response中不会带data。

当服务器返回响应时，还会发出一组 HTTP 标头，用于描述响应的内容类型、长度、缓存指令、验证令牌等。例如，在上图的交互中，服务器返回一个 1024 字节的响应，指示客户端将其缓存最多 120 秒，并提供一个验证令牌（“x234dff”），可在响应过期后用来检查资源是否被修改。

---

通过Etag验证缓存的响应：

• 服务器使用 ETag HTTP 标头传递验证令牌。
• 验证令牌可实现高效的资源更新检查：资源未发生变化时不会传送任何数据。

第一次的请求和响应，浏览器会收到一个Etag令牌，内部存储着随机组合的数据，比如包括一个数据的updated_at时间戳。

第二次浏览器的请求内会包含这个Etag，服务器会检查相应的数据，比如看数据的updated_at时间是否发生变化，

• 如果发生变化就代表了数据发生了改变，于是服务器就发送新的response头部和相关数据。
• 如果没有变化。则response只会发送header。

上图中response告诉服务器，没有变化，服务器会更新缓存存在的时间，并使用缓存中的数据。这节约了时间和带宽。

---

Cache-Control

• 每个资源都可通过 Cache-Control HTTP 标头定义其缓存策略
• Cache-Control 指令控制谁在什么条件下可以缓存响应以及可以缓存多久。

最佳缓存策略：

---

废弃和更新缓存的response

• 在资源“过期”之前，将一直使用本地缓存的响应。
• 可以通过在网址中嵌入文件内容指纹，强制客户端更新到新版本的响应。
• 为获得最佳性能，每个应用都需要定义自己的缓存层次结构。

根据不通的内容，设置不同的缓存方案。

组合使用 ETag、Cache-Control 和唯一网址来实现一举多得：较长的过期时间、控制可以缓存响应的位置以及随需更新。

---

Http request和response的流程理解：

1. 输入url或者点击超链接，浏览器解析它，port, host ,path等。
2. 组成一个HTTP request包
3. DNS服务商根据url找到对应的ip地址，把请求包发送出去。
4. 请求包会通过Tcp/ip协议分割成小块。
5. 通过路由中转，最后对应的网址的服务器会接受这些请求包。
6. 同样根据tcp/ip协议，组装成完整的HTTP request。
7. 服务器根据请求，从数据库找到相应资源，发送response给客户端浏览器。
8. 当浏览器收到response，会解析它，生成一个DOM节点树。
9. 然后检查html原始码中需要的资源URl, css, javascript，图片等资源, 再次发送请求给服务器下载这些资源，重复2-9。
10. 服务器收到请求后，发送资源给浏览器。
11. 最后当浏览器收到全部资源时，生成web-page。

---

HTTPS和HTTP2

• 也许，这样理解HTTPS更容易
• HTTPS科普扫盲帖
• HTTPS工作原理

如何保证传输的信息安全，使用对称加密算法。

什么是对称加密算法： 一个密匙同时拥有加密和解密的功能。

一个人一把