zoukankan      html  css  js  c++  java
  • 前端-【学习心得】-移动端性能提高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={}),获取数据的时候先从内容中得到,如果没有再去网络存储中拿,或许你的疑问是为什么已经放在内存还要再用这样一个网络存储,这是因为我们的数据是有过期性质的,放置数据和取数据的时候会产生时间差,这样内存的数据过期后去网络存储中取,网络存储中的数据过期就把它移除。

  • 相关阅读:
    2019 学霸君java面试笔试题 (含面试题解析)
    2019 大众书网Java面试笔试题 (含面试题解析)
    2019 中细软java面试笔试题 (含面试题解析)
    2019 企叮咚java面试笔试题 (含面试题解析)
    js 去掉数组对象中的重复对象
    canvas霓虹雨
    nvm的安装
    socket.io 中文文档
    Nginx(三)------nginx 反向代理
    github入门到上传本地项目
  • 原文地址:https://www.cnblogs.com/wq123/p/4396449.html
Copyright © 2011-2022 走看看