前端页面缓存心得体会

Posted 2020-07-12 钱天兵

1. 都有哪些缓存？
   缓存包括客户端缓存(浏览器缓存)和服务器缓存，一般我们说的都是浏览器缓存，缓存就是把访问后的动态文件生成一份静态文件的备份，当用户再次请求时，直接获取静态文件，极大减少服务器压力。
2. 怎么控制缓存？
   通过在页面的head中添加no-cache和expiration等信息，即可控制浏览器不缓存页面，例如下面的代码
   
   <meta http-equiv="pragma" content="no-cache">
   <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
   <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    
3. 图片缓存的一些技巧
   当页面加载了 a.jpg 和 a.jpg?v=1 时，会当作两个文件，都是拉去服务器最新资源，只有加载资源的url，完全一致才会走缓存，下面是图例：
   
   这里的304代表加载缓存资源，200代表加载的服务器最新资源