ページのロードパフォーマンスの最適化 (高度な機能)

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間:1分
  • パフォーマンス設定は、優先度の高いコンテンツを最初に表示することで、主要な速度とユーザーエンゲージメントを向上させ、主要コンポーネントをより早くインタラクティブにして、より速く認識されるパフォーマンスを実現します。

    始める前に

    必要なロール:ui_builder_admin

    手順

    1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
    2. 作業するエクスペリエンスを開くか、または選択してエクスペリエンスを作成します 作成 > エクスペリエンス.
      エクスペリエンスの作成の詳細については、「UI ビルダー でユーザーがアプリケーションをどのように操作するかを構成する」を参照してください。
    3. ページを作成するか、開きます。
    4. コンポーネントをページに追加します。
      パフォーマンス設定を調整する前に、ページにコンポーネントが必要です。
    5. メニューアイコンを選択します。
    6. [ パフォーマンス設定の管理] を選択します。
      UI ビルダーメニューの [パフォーマンス設定の管理] オプションを指す矢印。
      [ 詳細パフォーマンス設定] モーダルが開きます。

      ロードオプションを表示する詳細パフォーマンス設定モーダル。

    7. コンポーネントをページにロードする方法を選択します。
      選択肢説明
      プログレッシブローディング コンポーネントのロードを続行している間、ページへのアクセスを高速化します。
      全ページのロード ページにアクセスする前にすべてのコンテンツをロードすることで、シームレスなエクスペリエンスを確保します。[ ページローダーしきい値期間 (Page loader threshold duration )] フィールドに、コンテンツを表示するまでに待機する最大時間を入力します。
    8. コンポーネントをページにロードする優先度を選択します。
      1. [ 優先度] タブを選択します。
      2. 優先順位を付けるコンポーネントを選択します。
      3. [ 優先度を高くする] をオンにします。
    9. ページのロード時にキャッシュするデータを選択します。
      1. [ キャッシュとヘッダー ] タブを選択します。
      2. リストからデータリソースを選択します。
      3. [ データポリシーのアクティブ化] をオンにします。
    10. [Apply (適用)] を選択します。