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

时间:2022-05-26 06:25:01

安装 :

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

Intercom 来做即时线上客服。

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


HTTP缓存:

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

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

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

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

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

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


通过Etag验证缓存的响应:

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

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

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

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

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

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


Cache-Control

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

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

最佳缓存策略:

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


废弃和更新缓存的response

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

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

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

组合使用 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

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

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

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

一个人一把