Joe.xu 发表于 2022-10-25 18:16:31

干货必读提升性能:一、表格设置

本帖最后由 Joe.xu 于 2022-10-27 09:57 编辑

表格大家应该都不陌生吧,表格一般展示的都是多条数据,注意这里的多,可能多达几万甚至上百万,如果设置不当的话,极有可能造成性能问题,例如这边有一个student表,25个字段,数据在12W左右

(1)表格设置按需加载或者分页
以下为实际测试情况:
a.表格未做任何设置


b.设置先加载1000行,按需加载50行
c.设置分页,每页展示100条

综合可以看出,当数据量过大时,按需加载和分页能提升近10倍的性能

未设置按需加载(1000条)设置100条分页
页面加载时间(s/秒)6.410.8680.853



(2)查询条件引用设置默认值的单元格,导致多次查询,需要设置初始化不加载数据例如,表格设置了查询条件,引入的单元格是odata查出来的值
a.表格没有设置初始不加载数据

b.表格设置初始化不加载数据

综合可以看出,当数据量过大,且表格设置有查询条件时,择机设置初始化不加载数据,减少不必要的查询,性能也能成倍的提升

未设置初始化不加载数据
页面加载时间(s/秒)6.490.868


(3)页面元素过多,表格的列不要过多的合并单元格

例如,表格中每一个字段绑定的列都使用单独的列,不要把几列合并成一列,性能也会有小的提升
测试的原demo



页: [1]
查看完整版本: 干货必读提升性能:一、表格设置