调整基于XFA的HTML5Forms,以获得最佳性能。
AEM Forms有一个称为HTML5表单的组件。 它有助于以HTML5格式呈现现有的基于XFA的PDF forms(XDP文件)。 此文档提供了减少加载时间并改进移动设备上HTML5表单性能的指南和建议。
大多数移动设备的处理能力和内存能力都有限。 它有助于缩短移动设备的待机时间。 在移动设备上运行的Web浏览器能够访问有限的资源(有限的内存和处理能力)。 达到限制后,浏览器行为将变得迟缓。 此文档提供了一些建议,可以保持HTML5表单的大小不变。 较小的表单不会违反设备的内存和处理能力限制,并提供流畅的体验。
尽管本文中讨论的建议针对HTML5表单,但这些建议同样适用于基于XFA的PDF forms。 这些最佳实践共同有助于HTML5表单的整体性能。 它需要仔细规划,以开发高效、高效的表单。 让我们开始:
通常,XFA表单包含多个元素。 例如,表、文本字段和图像。 每个元素都有许多属性来控制元素的行为和外观。 当XFA表单以HTML5格式呈现时,所有XFA元素和相应的属性都将转换为Model或HTML DOM节点。 这些节点增加了DOM的大小和复杂性。 使HTML5表单渲染速度变慢。
浏览器更容易呈现更精简的DOM。 因此,您可以对XFA表单执行以下优化以减少节点数。 因此,生成一个精简DOM结构:
HTML5表单可以包含多个外部资源,如图像、JavaScript和CSS文件。 每次浏览器请求表单时,外部资源都会通过网络发送。 通过网络传输所需的时间与文件的大小成正比。
因此,减少外部资源的大小并仅使用绝对需要的资源是改进表单性能的首选方法。 您可以对XFA表单执行以下优化以减小表单的外部资源大小:
HTML5表单可以运行到数百个页面中。 具有大量字段的表单在浏览器中加载速度较慢。 您可以对XFA表单执行以下优化,以使用大量字段和页面优化表单:
HTML5表单可以包含数据驱动字段(表和子表单)。 这些字段会在运行时扩展表单的大小。 例如,HTML5表单中的数据驱动表可以跨成千行。 此类表可能导致布局和性能降级。 下面建议的优化可以帮助您利用数据驱动字段缩短HTML5表单的加载时间:
使用XFA脚本实现分页导航以显示数据驱动字段(表和子表单)。 在分页导航中,页面上仅显示特定数据。 它将浏览器绘画操作限制为一次显示的字段,并使表单导航更容易。 此外,移动设备上的用户只对数据子集感兴趣。 它可以帮助您提供出色的用户体验并减少加载所需数据所需的时间。 您只需购买一个,即可获得两种解决方案。 另请注意,分页导航功能不可用。 您可以使用XFA脚本开发分页导航。
评估将多个只读列合并为单个列。 它减少了显示表单所需的内存。 另外,避免显示不需要用户输入的列。
如果上述建议没有带来很多改进,请评估将数据驱动表单拆分为表单集。 例如,如果一个表的行数超过1000,则每100行移动一次到另一个表单。 它有助于改善表单的加载时间和性能。 另请注意,表单集会为所有表单生成一个统一的提交XML。 要区分每种形式的数据,请使用不同的数据根。 有关详细信息,请参阅AEM Forms](https://helpx.adobe.com/aem-forms/6-3/formset-in-aem-forms.html)中设置的[表单。
XFA表单可以具有大量专用于记录文档(DOR)的部分。 要减少节点数并提高此类表单的性能,您可以保留表单的不同副本——一个用于填写表单的副本,另一个用于在服务器上生成记录文档。 在填写XFA表单的副本中,显示仅捕获数据所需的字段。 在“记录XFA自”的生成文档中,仅在表单的打印输出中保留所需的字段。 在选择所建议的方法之前,评估性能增益和维护开销。
Adobe Experience Manager(AEM)表单可以帮助您将复杂的交易转变为简单、愉悦的数字体验。 但是,它需要齐心协力,发展高效和富有成效的形式。 除HTML5Forms外,以下是一般AEM最佳做法的推荐读法: