前端性能优化-设置缓存

标签：用户访问   工作   css   控制   用户密码   页面   代码   提升   通过   

方案：

    浏览器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参数禁止缓存等。

前端性能优化-设置缓存

标签：用户访问   工作   css   控制   用户密码   页面   代码   提升   通过   

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