温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

web前端为什么用使用缓存

发布时间:2022-02-23 14:24:53 来源:亿速云 阅读:192 作者:小新 栏目:开发技术

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

一、为什么要用缓存?


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

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

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

二、如何设置缓存?


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

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

<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

2.HTTP头信息控制缓存

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

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

(2). Cache-control(强缓存)这个也是个描述相对时间的方法,在和 Expires(强缓存)进行对比中这个方法会比较安全有效一些。而且在这个方法中的值可以是 publicprivateno-cacheno- storeno-transformmust-revalidateproxy-revalidatemax-age这些。如果我们在使用的时候同时使用这两个方法的话,浏览器只会执行一个。因为在 response header    中 Cache-Control优先级高于Expires

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

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

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

web
AI