性能最佳实践

建议的最大值

备注：

建议使用以下最大值以获得最佳应用程序性能。超出这些值可能会导致性能下降，但 Apps 并未施加任何限制。

1. 每个页面最多使用 200 个控件。

2. 一个页面上最多可包含五个复杂控件，例如表格或网格。

3. 每个选项卡控件最多可在 10 个选项卡中使用页面容器。

4. 最多可嵌套五个容器。

5. 最多可在一个事件中嵌套十个规则。

6. 使用“表格”控件最多显示 200 个只读记录。

优化了页面加载

1. 使用相同的页面容器和变量加载单个页面。

   假设您有一个多步骤表单，其中的步骤按顺序排列，并且每个步骤的内容都位于单独的页面中。在起始页面上，不要为每个步骤设置容器，而是要重用相同的页面容器，并使用变量或 If-Then-Else 规则将不同的页面加载到其中。

2. 在页面上使用较少的“选项卡”和“页面”容器，以改善页面的初始加载。

建议的控件配置

1. 使用“编辑网格”控件来显示和编辑表格记录或大型数据集。 此控件提供排序、分页和服务器端功能，使其能够显示超过 1,000 个实体记录。

2. 对于只读的“编辑网格”控件，请在应用程序设计器中禁用编辑功能，以加快渲染速度，并删除编辑图标以使布局更简洁。

3. 通过将高度调整为最大 1200 像素，提高“编辑网格”控件的渲染速度。 此修改并发优化可见行数。

4. 如果您在“富文本编辑器”控件的多行中使用相同的格式样式，请一次应用样式，而不是应用于每一行。 这样做可以节省渲染每行样式所花费的时间。

5. 对于图像控件，我们建议将图像尺寸保持在原始尺寸的 50％ 以上。 对小徽标使用较低的分辨率，并避免使用高清图像，以确保获得最佳性能。

6. 为确保在IFrame控件中成功播放视频，请使用托管站点提供的嵌入链接。

7. 为了提高可读性和应用程序的用户体验，我们建议对单选按钮控件使用七个或更少的选项，并在宽度受限时垂直堆叠它们。 要使用七个以上的选项，请使用下拉控件。

8. 不要将“表格”控件的宽度设置为 auto，以防止由于内容长度的变化而导致列宽意外变化，或者防止表格在较小的屏幕上变得太窄。该设置也会启用表格中的虚拟滚动。

9. 使用像素来设置“表格”控件的宽度和高度，以便更快地呈现表格，或者防止内容太大时表格单元格溢出或换行。该设置也会启用表格中的虚拟滚动。

10. 要重用 Fetch() 或 GetChoiceSet() 函数的输出，请使用“设置值”规则将输出分配给 ListSource 类型的变量。

推荐的页面设计

1. 每个页面都应包含一个用例。

   例如，在组织管理场景中，您可以创建一个概述页面，然后为每个部门（例如 IT、HR、财务）创建一个单独的页面。对于典型的添加/编辑方案，请考虑使用“编辑网格”控件，而不是其他编辑/添加表单。

   将复杂页面拆分为模块化页面，然后使用页面容器显示它们。

2. 在某些情况下，您可能需要在页面上显示上下文内容，其中页面上的不同部分互斥，并根据特定条件（例如应用程序变量的值）变为可见。我们建议按如下方式实施此方案：

   1. 为需要有条件地显示的每个部分创建单独的页面。

   2. 在应显示这些部分的主页上，添加页面容器。

   3. 通过选择页面容器作为目标，使用“打开页面”规则在页面容器中显示相关部分。

   4. 添加“If-Then-Else”规则，以根据变量值确定应呈现的页面。这可确保仅显示适当的页面，从而提供更高效、更简化的用户体验。