Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      

Deferred loading of content

Updated on December 13, 2022
Applicable to Theme Cosmos applications

To accelerate the loading of the main content on a web page, you can defer the loading of the secondary content. Web pages with shorter response times enhance the user experience and productivity in an application.

For example, during a call customer service representatives need to instantly display the customer details. Therefore, to speed up the initial display of the most relevant data, you can set the deferred load for sections that display secondary information, such as the list of a customer's recent transactions, or their dispute history. The secondary content loads only after the web page loads the main content.

UI elements that support deferred loading

You can defer the loading of content in the following UI elements:

  • Embedded sections
  • Dynamic layouts, repeating dynamic layouts, column layouts
  • Drop-down control
  • Non-optimized tables

The UI Gallery landing page contains working examples of these elements, which you can use as a reference for your application. For more information, see Accessing the UI Gallery.

Best practices for deferring content loading

  • Defer the loading of all sections and other UI elements with non-essential content.
  • Enable users to continue interacting with a case while data loads in the background, by using asynchronous data pages whenever possible.

    For more information, see Loading data pages asynchronously.

  • When you use asynchronous data page loading, set the deferred load on an embedded section whose context is the data page.

    For more information, see UI sourced from data pages does not load asynchronously.

  • Deferring the loading of content in UI elements

    Improve the loading time of a web page by preventing certain types of UI elements from loading their whole content on the initialization of the page.

  • Loading data pages asynchronously

    Increase process efficiency and save time by enabling users to take actions on a work item, for example submit a form, while other content is still being loaded on a web page.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us