今天碰到一个问题,当点击某一行数据,显示详情时,由于详情又有四个子tab,每个子tab都是一个表格,有各种各样的请求,当点击该行数据显示详情时,所有的数据同时加载,导致页面卡顿,此时做ExtjS的性能优化是很重要的。
通过研究,了解了一下ExtJs的性能优化和前端的性能优化:
extJs性能优化:
- 1.尽量不适用panel,而去使用基类container,因为panel是一个比较大的组件,附加了一些不必要的属性。
- 2.在页面渲染之后,尽量不要再去修改页面,从而避免页面reflow或者repaint。
- 3.减少要加载的东西,少加载少解析、晚加载晚解析
- 4.不必要的情况下,不要使用事件监听,在监听store的load时间的时候,应该监听一次。
- 5.避免组件封装