【基础教程】组件数据绑定优化指南

kk 开发者 2023-11-03 15:21:30

前言

本文可帮助读者对BI分析页面的组件数据绑定进行优化，提升分析页面初始加载性能。
在阅读本指南前，请参考阅读组件数据绑定及数据更新事件了解关于组件数据绑定的概述和说明，它可以帮助读者更好的理解优化指南。

背景

BI分析页面在初始加载时，根据页面的实现复杂度不同，页面加载时会发送不同数量数据分析HTTP请求。合理的减少这些请求的数量，按不同的系统部署方式（HTTP1.1/HTTP2) 可以不同程度的提升页面初始加载性能。我们优化手段既是围绕如何尽可能的减少数据分析HTTP请求数来进行的。

页面开发前的优化指南

在页面开发前，数据集开发者应该根据业务需求对页面数据表进行合理的数据集设计，遵循《用尽可能少的数据集来满足分析页面的数据需要》的原则进行数据集设计：

不要重复设计数据集

避免一种业务数据在多个数据集都都包含的设计。这样，分析页面的前端开发只需要固定通过一个数据集来获取对应业务数据，而不会有多个数据集都可以获取数据。当不同组件都需要这些业务数据时，前端开发可以通过某一组件做数据绑定再进行数据结果分发来减少绑定数量，从而提升页面初始加载性能。而不是分散为不同数据集，使前端开发者需要进行优化时，而无从下手。

不要将同一种业务数据分割为多个数据集

避免将一种业务数据分割为多个数据集的设计。这样，分析页面的前端开发只需要固定通过一个数据集来获取对应业务数据，而不必必须要通过多个数据集的数据绑定来获取数据。当不同组件都需要这类业务数据时，前端开发可以通过某一组件做数据绑定再进行数据结果分发来减少绑定，从而提升页面初始加载性能。

合理的数据集设计，可以有效减少分析页面的数据绑定数量，数据绑定数量直接影响页面初始加载时需要完成的数据分析HTTP请求，它的数量越少越好。

页面开发过程中的优化指南

在页面开发过程中，页面开发者应根据数据集设计进行合理的组件数据绑定，遵循《用尽可能少的数据绑定来满足分析页面的数据需要》的原则进行组件数据绑定：

当多个组件都需要同一种业务数据时不要重复绑定

避免同一种业务数据在不同组件都进行绑定，而应当通过某一组件做数据绑定再进行数据结果分发来减少绑定数量，从而提升页面初始加载性能。
页面开发者可以通过在进行绑定的组件的数据更新事件函数中轻松的做到数据分析结果的分发：

// 当我们通过某一组件的数据绑定来获取一种业务数据，此时其他几个组件也需要这类数据，可以这样进行数据分析结果分发
function NFDW(data){
      vbi.system.call("组件A").NFDW(data);
      vbi.system.call("组件B").NFDW(data)
}