经过对浏览器缓存优化方案的调研和实现过程，我发现了一个令人意外的发现：页面加载速度提升了整整48.5%！

工作中遇到的问题 实际工作中有时候会发现前端更新线上的项目后，用户浏览器显示的还是旧版的页面，需要刷新浏览器才能获取最新的页面内容。或者前端有个下载静态资源的链接，文件改变而链接不变的情况下我们总是下

为什么要采用缓存 在任何⼀个前端项⽬中，访问服务器获取数据都是很常⻅的事情，但是如果相同的数据被重复请求了不⽌ ⼀次，那么多余的请求次数必然会浪费⽹络带宽，以及延迟浏览器渲染所要处理的内容，从⽽影响⽤

如何中使首屏加载更快？怎么让刷新或关闭浏览器之后数据依然不被清空？缓存对于前端来说都是非常重要的领域

缓存的原理是在首次请求后保存一份请求资源的响应副本，当用户再次发起相同请求后，如果判断缓存命中则拦截请求，将之前缓存的响应副本返回给用户，从而避免重新向服务器发起资源请求。 缓存的技术种类有很多，比如

HTTP的缓存控制 、客户端（浏览器）的缓存 、代理缓存 、内容协商的Vary字段知识总结 1. 了解下浏览器缓存 2. HTTP的缓存控制以及相关的条件请求（协商缓存） 3. HTTP的缓存代理

浏览器缓存的作用 浏览器缓存是HTTP的缓存机制中的一种，其原理实现是通过发送HTTP请求时在请求头里面配置一些标识，此时HTTP通过标识能够分析出是否使用缓存内容。在请求时使用浏览器缓存可以减少网络

每次把修改后的vue项目build生产的打包文件丢到服务器后，发现还是上一次的效果，新修改的不起效，每次都需要ctrl+F5强制刷新页面，为啥？ vue cli不是给静态资源css、js、img自动加

在工作中，前端代码打包之后的生成的静态资源就要发布到静态服务器上，这时候就要做对这些静态资源做一些运维配置，其中，gzip和设置缓存是必不可少的。这两项是最直接影响到网站性能和用户体验的。 缓存的优点