vue h5 性能优化 关于缓存不变的js css 和 图片

Question

以图片举例 例如首页的轮播图 和 自己的品牌logo 不会经常变化 获取到就存在缓存里 等有变化了 在用最新的图片 有什么思路呢

js 和 css 缓存是什么思路呢

（ 这时候有一个问题 如果 存到缓存里 再来到首页 请求还会照常走图片的请求吗？ ）

求助 感谢

Answer 1

确定基本不会变的就用强缓存（比如 vue.js / vue-router.js / vuex.js 等等这些框架本身，Cache-Control: max-age=XXX）。

会有变化但还是希望能较少网络开销的就用协商缓存（即 304 缓存，Cache-Control: no-store + ETag + Last-Modified）。

总是变的就强制不缓存（Cache-Control: no-cache）。

搜一下 nginx / Apache / IIS 这些常见 Web Server 咋配强缓存和协商缓存吧，都挺常见的。

Answer 2

服务器配置缓存策略就行了。搜一下协商缓存