遅延読み込みによる大きなフォームのパフォーマンスの向上 improve-performance-of-large-forms-with-lazy-loading

アダプティブフォームの新規作成または AEM Sites ページへのアダプティブフォームの追加には、最新の拡張可能なデータキャプチャコアコンポーネントを使用することをお勧めします。これらのコンポーネントは、アダプティブフォームの作成における大幅な進歩を表し、ユーザーエクスペリエンスの向上を実現します。この記事では、基盤コンポーネントを使用してアダプティブフォームを作成する古い方法について説明します。

遅延読み込みの概要 introduction-to-lazy-loading

フォームが数百以上のフィールドを持ち、大きく複雑になると、エンドユーザーはフォームがレンダリングされる際に長時間待たされることになります。この応答時間を最小にするために、アダプティブフォームでは、フォームを複数の論理的なフラグメントに分解し、これらのフラグメントが表示される必要な時が来るまでそれらの初期化や読み込みを遅延するように設定できます。これを遅延読み込みと呼びます。さらに、遅延読み込みが設定されたフラグメントは、ユーザーがフォーム内の他のセクションに移動するとアンロードされ、フラグメントは表示されなくなります。

まず最初に、遅延読み込みを設定する前に、要件と準備手順を説明します。

遅延読み込みを設定するための準備 preparing-to-configure-lazy-loading

アダプティブフォーム内のフラグメントの遅延読み込みを設定する前に、フラグメントを作成し、スクリプトで使用されたり他のフラグメントで参照されたりする値を特定し、遅延読み込みされたフラグメントの表示をコントロールするためのルールを定義するといった、戦略を定義することが重要です。

遅延読み込みの設定 configuring-lazy-loading

次の手順を実行して、アダプティブフォームフラグメントに対して遅延読み込みを有効にします。

遅延読み込みフラグメント内のオブジェクトの値をグローバルとしてマーク付けすることで、これらの値は、そのフラグメントが読み込まれていなくてもスクリプトで使用できるようになります。以下の操作を実行します。

遅延読み込みを設定するための注意点とベストプラクティス considerations-and-best-practices-for-configuring-lazy-loading

遅延読み込みを使用する際に留意しておかなければならない制限事項、レコメンデーションおよび重要な点を以下に示します。

遅延読み込みを設定するためのスクリプトに関するベストプラクティス scripting-best-practices-for-configuring-lazy-loading

遅延読み込みパネル用のスクリプトの作成時に留意しておく必要のある重要な点を以下に示します。