web前端为什么用使用缓存

这篇文章主要为大家展示了"web前端为什么用使用缓存"，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下"web前端为什么用使用缓存"这篇文章吧。

一、为什么要用缓存？

1.加快请求：将内容缓存在本地浏览器中或者在距离最近的服务器，在没有影响交互之下大大提高网站加载速度。

2.节省宽带：已缓存文件可以减少请求宽带。

3.降低服务器压力：当在大量用户并发请求的情况时，可以起到平衡负载的作用，降低压力。

二、如何设置缓存？

1.HTML Meta标签控制缓存（非HTTP协议定义）

我们通过下面这串代码来进行设置，告诉浏览器当前页面不被缓存，所以每次访问都会去服务器获取。代码如下：

2.HTTP头信息控制缓存

这个方法的话是通过 Expires（强缓存）、Cache-control（强缓存）、Last-Modified/If-Modified-Since（协商缓存）、Etag/If-None-Match（协商缓存）这些方式实现的。

(1). Expires（强缓存）描述的是一个绝对的时间，是由服务器返回的。

(2). Cache-control（强缓存）这个也是个描述相对时间的方法，在和 Expires（强缓存）进行对比中这个方法会比较安全有效一些。而且在这个方法中的值可以是 public、private、no-cache、no- store、no-transform、must-revalidate、proxy-revalidate、max-age这些。如果我们在使用的时候同时使用这两个方法的话，浏览器只会执行一个。因为在 response header 中 Cache-Control优先级高于Expires 。

(3).Last-Modified/If-Modified-Since（协商缓存）这个方法是需要搭配 Cache-Control一起使用的。

(4).Etag/If-None-Match（协商缓存）这个方法也是要搭配 Cache-Control 一起使用的。

以上是"web前端为什么用使用缓存"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！