前端性能优化——通用的本地缓存SDK

优点
缩短用户进入页面的时间
使用本地储存的资源减少网络请求，减小网络压力
重要资源存放在本地加快页面对用户的相应
存储方案选取
SessionStorage

临时存储神器，关闭页面标签自动回收，不可以跨页面交互。

userData 是为ie服务的

优点：第一个吃螃蟹的人，也得感谢第一个被吃的螃蟹

缺点：存储限制大小，单个文件的大小限制是128K，一个域名下总共可以保存1024KB的文件，文件个数应该没有限制。在受限站点里这两个值分别是64K和640KB.

Cookie 兼容性最好的本地存储

优点：兼容性最好，几乎所有浏览器都支持

缺点：大小有限制，而且每次发送请求，请求头里会带着Cookie一起发过去，现在大多数登录的合法性验证都是用cookie验证的。

openDatabase 没有他做不了的，但是对数据库知识有要求

优点：就是一个完成的数据库

缺点：可能对于前端来说，成本高

localstorage

优点：兼容性中等，操作简单，就是key-value形似，几乎现代的浏览器都支持。

缺点：存在大小限制，IE9、IE10不支持

注意：不同浏览器读取不到数据（先是用的火狐浏览器，后来换成谷歌浏览器，是读取不到数据的）；不同浏览器的存储大小是不一样的，就是一个界值。

思路（如图）
缓存对象 —— 储存优先加载的模块，且其优先级非常高

转载地址 https://blog.csdn.net/qq_40109752/article/details/83009811