AEM Forms具有一个名为“HTML5表单”的组件。 它有助于以HTML5格式呈现现有的基于XFA的PDF forms(XDP文件)。 本文档提供了减少加载时间并改进移动设备上HTML5表单性能的指导和建议。
大多数移动设备的处理能力和内存功能有限。 它有助于提高移动设备的待机时间。 在移动设备上运行的Web浏览器可以访问有限的资源(有限的内存和处理能力)。 达到限制后,浏览器行为将变得缓慢。 本文档提供了保持HTML5表单大小处于选中状态的建议。 较小的形式不会破坏设备的内存和处理能力限制,并提供流畅的体验。
尽管本文中讨论的建议针对HTML5表单,但这些建议同样适用于基于XFA的PDF forms。 这些最佳做法共同为HTML5表单的整体绩效做出了贡献。 它需要认真规划,以发展高效和富有成效的形式。 让我们开始吧:
通常,XFA表单有多个元素。 例如,表格、文本字段和图像。 每个元素都有几个属性来控制元素的行为和外观。 当XFA表单以HTML5格式呈现时,所有XFA元素和相应的属性都会转换为模型或HTMLDOM节点。 这些节点会增加DOM的大小和复杂性。 导致HTML5表单呈现缓慢。
浏览器渲染更精简的DOM会更容易。 因此,您可以对XFA表单执行以下优化来减少节点数。 因此,生成精简DOM结构:
HTML5表单可包含多个外部资源,如图像、JavaScript和CSS文件。 每次浏览器请求表单时,都会通过网络发送外部资源。 通过网络传输所需的时间与文件大小成正比。
因此,减小外部资源的规模并仅使用绝对需要的资源是提高表单性能的首选方法。 您可以对XFA表单执行以下优化,以减小表单的外部资源大小:
一个HTML5表单可能会占用数百页。 包含大量字段的表单在浏览器中加载缓慢。 您可以对XFA表单执行以下优化,以优化具有大量字段和页面的表单:
HTML5表单可包含数据驱动字段(表格和子表单)。 这些字段可在运行时扩展表单的大小。 例如,HTML5表单中的数据驱动表可以跨越数千行。 此类表可能会导致布局和性能下降。 下面建议的优化可以帮助您缩短使用数据驱动字段的HTML5表单的加载时间:
使用XFA脚本实现分页导航以显示数据驱动字段(表和子表单)。 在分页导航中,页面上仅显示特定数据。 它限制浏览器每次只对显示的字段进行绘画操作,并使表单更容易导航。 此外,移动设备上的用户只对数据的子集感兴趣。 它可帮助您提供卓越的用户体验,并减少加载所需数据所需的时间。 你得到两个解决方案,而价格只有一个。 另请注意,分页导航不可开箱即用。 您可以使用XFA脚本来开发分页导航。
评估将多个只读列合并到单个列的情况。 它减少了显示表单所需的内存。 此外,避免显示不需要用户输入任何内容的列。
评估将数据驱动表单拆分为 表单集,则如果上述建议不会产生很多改进效果。 例如,如果表的行数超过1000,则每隔100行移至另一个表单。 这有助于改善表单的加载时间和性能。 另请注意,表单集为所有表单生成合并的提交XML。 要区分每个表单的数据,请使用不同的数据根。 有关更多信息,请参阅 AEM Forms中的表单集.
XFA表单可以具有大量专门用于记录文档(DOR)的节。 为了减少节点数并提高此类表单的性能,您可以维护表单的不同副本 — 一个副本用于填写表单,另一个副本用于在服务器上生成记录文档。 在要填写XFA表单的副本中显示仅捕获数据所需的字段。 在从生成记录文档XFA中,仅在表单的打印输出中保留必填字段。 在选择建议的方法之前,先评估性能增益和维护开销。
Adobe Experience Manager (AEM) forms可以帮助您将复杂的交易转换为简单、愉快的数字体验。 然而,它需要作出协调一致的努力,以发展高效率和富有成效的形式。 除了HTML5 Forms之外,下面是一些一般AEM最佳实践的建议阅读: