Speed up UI5 Applications

To improve the performance of your app, you should always load resources asynchronously.

index.html

UI5 is bootstrapped relatively in the index.html file.

The bootstrapping tag data-sap-ui-async="true" in the index.html file loads the modules for all declared libraries asynchronously. This way the files are retrieved in parallel which speeds up the loading of the background processes and speeds up the whole app too.

 

All UI assets are encapsulated in a component that is instantiated from our index.html page.

Components are independent and reusable parts used in UI5 applications. The component configuration is stored in the manifest.json – the so-called application descriptor.  

manifest.json

The manifest.json contains additional settings for asynchronous loading of the root view and the views instantiated by the routing configuration.


 

Controller in the model-view-controller pattern (MVC)

Asynchronous loading of dependencies is also set in the App.controller.js file included in the template. In the controller file, "sap.ui.define" is used for asynchronous loading of the controller base class before extending it.