页面和数据的优化方案

一、数据压缩   

1.一、压缩掉没有用的数据，刘东说的裸数据，逻辑上删除掉，可是能知足描述数据的要求。

1.二、数据的近义词。

以前的数据结构

data:['2020-1-1','2020-1-2','2020-1-3','2020-1-4','2020-1-5']

压缩之后的

['2020-1-1~2020-1-5']

 

1.三、目前的数据存储以key-value的方式进行交互的，如今要作好文档的工做，干掉key，只保留值，逗号分隔。

以前的数据

{"name":"马良","age":27}

压缩后

['马良','27']

二、提高首屏加载时间

 2.一、定宽全部格的宽度，经过计算(浏览器的宽度/格的宽度)能够得出首屏加载的数据的量，进行初步评估，请求API。这个数据量原则上少于所有的数据；首屏加载完毕后，再次请求全量的api，提高用户体验。

第一次请求采用loading方式，第二次请求采用静默方式。

三、回退解决方案

 3.一、数据操做时，只记录数据怎么操做的。后台有个静默的线程为此次操做准备数据快照；当还原时，若是有快照就使用快照，没有快照就本身计算。

 3.二、采用一些显卡加速技术，能够理解显卡不关心数据，显卡只接受绘制，将绘制的方式告诉显卡，显卡能够反向绘制，这样与数据无关。

四、采用局部刷新

绘制方案将采用：

局部全局刷新--------------------部分刷新--------------------精确刷新。

示例图以下。  深色部分标识 渲染的区域。三张图用于展现 精确去渲染区域，而不是每次从新绘制。

 

 

技术方案采用Vue 或者React的方案

五、去功能化。

5.一、与产品商量，结合一线人员使用，干掉一些可有可无，可是很耗费性能的操做。部分功能能够走申请流程。