【ElementUI 表格 性能优化】table页面加载慢、渲染卡顿问题(分析说明)

【ElementUI 表格 性能优化】table页面加载慢、渲染卡顿问题(分析说明)

element 表格性能优化(提升页面加载速度)



关于element表格组件的加载、渲染原理:

  1. element表格组件渲染

加载慢 · 原因分析统计:(含优化建议)

  1. 通用工具栏组件的定义及影响:例如项目内某个单页面应用内除了使用了table组件,还定义了通用的其他工具栏组件(下拉框组件、单选框、复选框组件,等等);
    是否渲染了工具栏组件(下拉框组件、单选框、复选框组件,等等)

    el-selectel-option组件导致的渲染慢、卡顿问题:间接性解决办法

  2. el-table的每一列是否重复循环使用el-selectel-option等组件
    如:table里面有一列为选择器,循环之后,等同于批量重复渲染,会导致加载慢和渲染卡顿问题
  3. 页面初始化加载的时候:是否同时调用了多个API接口用于页面返回值渲染;
  4. tabl