前端-【学习心得】-移动端性能提高3
上篇分享讲了,书写缓存能很大程度上提高应用的性能。缓存的应用除了写在js代码里还需要相应的服务器做配置
比如nginx配置http://linux008.blog.51cto.com/2837805/547236
这里说明的比较详细,当然有些时候我们不希望自己的服务器被代理缓存,那么我们可以设置缓存报头在一个小时后过期,可以写为
location / {
expires 1h;
}
这样配置后我们服务器返回给浏览器的报头中包含的Cash-Control:max-age=3600,那么当网站在1小时内被经常访问会有较大性能提高,同时因为1小时不算长,也能保证内容较新。
下面说明下网络存储,web storage 这个是为了弥补不理想的移动刘拉起缓存环境,网络存储提供除了cookie之外的另一种持久性数据的存储方式。网络存储为每个域提供了5MB的键值形式的存储空间。
网络存储的api包括 localStorage sessionStorage,比如可以这样写:
var a=localStroage[‘b’];
localStorage[‘b‘]=c;移除的话是localStorage.removeItem(‘key‘),不过它跟cookie一样不够安全,也就是说用户可以对其进行更改。
这个缓存的用法是搭配内存,也就是说假如我们获得数据后存储到网络存储和内存中,(内存存储为你自己定义的某个对象比如var a={}),获取数据的时候先从内容中得到,如果没有再去网络存储中拿,或许你的疑问是为什么已经放在内存还要再用这样一个网络存储,这是因为我们的数据是有过期性质的,放置数据和取数据的时候会产生时间差,这样内存的数据过期后去网络存储中取,网络存储中的数据过期就把它移除。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。