前端性能优化-设置缓存

Posted 2020-10-04 alan-alan

方案：

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