【架构师从入门到进阶】第四章：前端优化思路——第三节：前置资源和缓存

本篇文章我们来学习前端优化中的前置和缓存。

前置资源

第一个我们首先来学习前置。

这前置的做法呢，一般的是将一些可以在客户端处理的计算逻辑放在客户端做，比如有一些经常不变的计算。

举一个例子，以打车软件为例，比如说滴滴。滴滴中的计价规则，有一个预估价格的计算。大家可以想一下：什么车型？在哪个城市？多少公里？多少钱？这个是几乎不会有大变的一个数字，可能很长一段时间不会去变，那么预估价格作为这么一个功能，它不需要特别的准确，就是给出一个预估值嘛，那么这种计算呢，就可以放到客户端来做。就是说在软件启动的时候可以从客户端把计价规则拉过来，拉过来之后，当乘客输入起点和终点之后呢？那就可以利用拉过来的计算规则进行去计价，计完价之后直接给乘客一个展示（这只是我这么说的，但是滴滴实际上是不是这么做的呢？咱不知道）。

这么做的好处是什么呢？就是说如果你不在客户端做的话，那么可能就得需要把它发送到服务端去做。客户端有成千上万个设备，比如说高峰期全国几百万人同时打车，如果说不在客户端上做的话，每一个请求都发给服务端，让服务端计算一下，服务端的压力会很大。

如果让他在客户端计算的话，客户端是不是就能帮服务端分担一些压力？

缓存

我们接着说缓存。

这里分两个部分来讲：第一个是http缓存，第二个是客户端的缓存。

http缓存

第一步我们先来说什么是http缓存，如何做的，它有什么风险。

什么是http缓存

http缓存是指能控制客户端各级代理和各级交换机等设备对页面资源进行缓存。大家注意我所说的这一点，就是http缓存这一块是控制什么？

比如说这是一个客户端，它要去经过路由器，然后经过网络交换中心，然后经过网络中的各个节点，然后才能到达我们的真正的服务端是吧？比如说从你家出去，经过路由器交换机，包括市区的节点，城市的节点，然后什么陆地上的光纤各种乱七八糟的转化的路由器等等，最后才能到达我们的服务器，中间的节点是非常多的，我们统一把中间这些叫做中间节点。中间节点它是什么呢？指代很多东西。

那么，这些节点其实都可以做缓存的，就是我们请求过去之后，然后响应一路回来，中间的节点都是可以给它做缓存的。

http缓存如何做

而这些缓存呢，可以在请求头中控制，也可以响应头中控制。那么这个参数叫做什么呢？这个参数叫做catch-control，由这个属性来