サービスポータルでのウィジェットのロード順序の構成

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：1分

    • ページへのウィジェットのロードを遅らせるようにサービスポータルページを構成します。重要でないウィジェットのロード遅延は、ページのロード速度を向上させ、リソースの使用を最適化するのに役立ちます。

    始める前に

    必要なロール：sp_admin または admin

    手順

    1. 移動先 すべて > サービスポータル > サービスポータルデザイナー > ウィジェット.
    2. ロードを保留するウィジェットにカーソルを合わせます。
    3. [フォーム] アイコン [フォーム] アイコン を選択して、新しいフォームを開きます。
    4. [ このウィジェットのロードを遅らせるには、チェックボックスをオンにします] チェックボックスをオンにします。
    5. フォーム内のフィールドに入力します。
      表 : 1. フォームフィールド
      Field (フィールド) 説明
      ウィジェットをどの順序でロードしますか？ ページビューに表示されるときにウィジェットをロードする場合は、[ ビューポート ] を選択します。[ 並列] を選択すると、ページがロードされてから すぐに ウィジェットがロードされます。
      デバイスタイプ ウィジェットのロードを保留するデバイスのタイプ (デスクトップ、タブレット、およびモバイル) を選択します。
      詳細ディメンション設定 [check] ボックスを選択して、ウィジェットの高さと幅を定義します。
      プレースホルダーディメンション 次のコードを使用して、選択した各デバイスタイプのウィジェットの高さと幅を指定します。
      
{
  "mobile": {
  "height": "100%",  
  "width": "100%"
  },
  "desktop": {
  "height": "100px",
  "width": "100%"
  },
  "tablet": {
  "height": "100%",
  "width": "100%"
  }
}
      ウィジェットのサイズをプレースホルダーに制限 元のプレースホルダーのサイズを保持し、レイアウトのシフトを回避するには、チェックボックスをオンにします。
      プレースホルダーテンプレート カスタムスケルトンローダーを定義します。デフォルトのコードは既に利用可能であり カスタマイズのために編集できます。
    6. [Save (保存)] を選択します。

    タスクの結果

    ウィジェットの遅延ロードが有効になっています。