前端页面缓存心得体会

  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表明加载的服务器最新资源
相关文章
相关标签/搜索