Configure widget loading order in Service Portal

  • Release version: Zurich
  • Updated July 31, 2025
  • 1 minute to read

    • Configure service portal pages to defer load the widgets on a page. The delay in loading of non-essential widgets helps to improve page loading speed and optimizes the use of resources.

    Before you begin

    Role required: sp_admin or admin

    Procedure

    1. Navigate to All > Service Portal > Service Portal Configuration.
    2. Select Designer.
    3. In Service Portal Designer, select a page.
    4. On the page, hover over the widget that you want to defer load.
    5. Select the Form iconForm icon to open a new form.
    6. Select the Select the check box to defer load this widget check box.
    7. Complete the fields in the form.
      Table 1. Form fields
      Field Description
      In which order do you want to load the widget? Select Viewport if you want the widget to load when it appears in the page view. Select Parallel to have the widget load just soon after the page loads.
      Device type Select the type of device (desktop, tablet, and mobile) on which you want to defer load widgets.
      Advance placeholder configuration Select the check box to dynamically define the height and width of the widget.
      Placeholder dimensions Specify the height and width of the widget in each of the selected device types with the following code:
      
{
  "mobile": {
  "height": "100%",  
  "width": "100%"
  },
  "desktop": {
  "height": "100px",
  "width": "100%"
  },
  "tablet": {
  "height": "100%",
  "width": "100%"
  }
}
      Limit widget size to placeholder Select the check box to retain the original placeholder dimensions and avoid layout shifts.
      Placeholder Template Define the custom skeleton loader. A default code is already available and can be edited for customization.
    8. Select Save.

    Result

    Deferred loading of the widget is enabled.