首页 > 其他 > 详细

前端性能优化-设置缓存

时间:2017-08-30 21:15:51      阅读:260      评论:0      收藏:0      [点我收藏+]

方案:

    浏览器304缓存
    localstorage本地存储

业务导向选择方案,这里我选择的是localstorage

 

干什么?

通过localstorage存储js、css资源;

  •     资源版本控制
  •     只要你愿意,localstorage也可以控制缓存时间!通过写一小段js代码来实现;
  •     在活动期间可以提前将活动相关资源缓存至localstorage,减轻活动当日的CDN消耗,同时在提升用户访问速度的同时,降低服务器端压力。

 

if (+new Date() > +new Date(2014, 11, 30)) {
    localStorage.removeItem("c");    //清除c的值
    // or localStorage.clear();
}

禁止缓存

例如:

浏览器 meta设置禁止缓存(用户再次进入页面达到刷新效果)

表单禁止缓存,用户密码 ,身份证号码等

ajax 请求数据禁止缓存

 

很明显的一个效果

开发中禁止缓存是为了提高开发效率,节省调试时间

在多步骤(ajax)表单,有时需要 需要一个工作缓存

 

 

:针对开发环境域名,禁止缓存,针对某个URL参数禁止缓存等。

前端性能优化-设置缓存

原文:http://www.cnblogs.com/alan-alan/p/7455288.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!