页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

这部分加载内容通常由产品决定,和仪表盘的复杂度关系不大,用户做不了什么的,如这部分不同机器不一样,主要和浏览器本身性能、网络下载速度有关

Image RemovedImage Added

加载仪表盘定义

见上图,这部分和用户制作仪表盘复杂度有关,主要影响用户白屏时间体验,比如加的组件越多,图片越多,定义越大,下载时间可能就越久,当然如果大小大,和现场网络就有较大关系见上图,这部分和用户制作仪表盘复杂度有关,主要影响用户白屏时间体验,比如加的组件越多,图片越多,定义越大,下载时间可能就越久,当然如果定义的大小比较大,和现场网络就有较大关系

根据仪表盘定义,初始化仪表盘和组件

  1. 这部分性能和仪表盘复杂度有很大关系,主要影响用户白屏时间体验,加载关键内容有:

    1. 仪表盘页面背景,背景图很大的话,可能影响用户视觉体验

    2. 多数据集联动关系

    3. 筛选器显示值等,这个和取数有关系,也就是和数据库性能也会有关

    4. 组件自身初始化,如加载地图,就会加载地图相关框架脚本,组件类型越多,这部分脚本也会越多,同时浏览器端执行脚本性能耗时也会越久

    5. 图片等静态组件同步加载图片

  2. 根据上面初始化动作,假如一个仪表盘太大,又有滚动条,就会建议开启仪表盘的滚动加载提速

...