缓存最佳实践及max-age注意事项

文章预览

编者按：本文由qgy18在众成翻译平台上翻译。在面试的时候很多同学对缓存策略一知半解，希望今天的文章能帮到大家～ 使用缓存会带来巨大的性能提升，还能节省带宽、减少服务端开销，但很多网站对缓存一知半解，让相互依赖的资源出现竞态条件，从而无法同步更新。 使用缓存的最佳实践大体上可以归纳为这两种模式： 模式一：不变内容 + 长时间 max-age Cache-Control: max-age=31536000 URL 对应的内容绝对不会改变，因此： 浏览器 / CDN 直接将这个资源缓存一年也没问题； 在  max-age  指定时间内，缓存副本可以直接使用，不需要与服务端协商； 页面：嘿，我需要 "/script-v1.js"、"/styles-v1.css" 和 "/cats-v1.jpg"。（10:24） 缓存：我这儿都没有。 服务端 ，你有么？（10:24） 服 ………………………………