How to load SAPUI5 files from CDN for performance improvements in Fiori and Standalone UI5 apps (2526542)

 SAP_UI 7.55 (SAP Front-end Server 2020) and greater:

SAPUI5 can either be loaded locally with a relative path from an application server or externally from a Content Delivery Network (CDN).

Note

Loading SAPUI5 from a CDN improves your app performance: You can load from a server that (in most cases) is much closer to your location, and you can benefit from the caching mechanism and the language fallback logic.

To access your SAPUI5 libraries from a Content Delivery Network (CDN) instead of your local MIME respository, you need to configure your custom CDN of choice as an external location in the Customizing of your backend system.

For more information, see the documentation for the Customizing activity Configure SAPUI5 Bootstrapping in Customizing under SAP NetWeaver  UI Technologies  SAPUI5.

SAP_UI 7.54 and earlier:

See the following SAP Help documentation or follow the illustrated steps below for loading SAPUI5 files from CDN in the Fiori Launchpad. This functionality is only supported for SAPUI5 versions 1.44 (SAP_UI 751 SP01) and higher.  As this method uses roles for assignment of the functionality, this makes it possible to have some users (e.g., external or test users) load SAPUI5 resources from the CDN while other users (e.g. local and internal only) would load SAPUI5 resources from the NetWeaver Gateway.

SAP Help - SAP Fiori Launchpad - Loading SAPUI5 from a Content Delivery Network (CDN)

*Note that this only impacts the SAPUI5 library files. All requests for Fiori Launchpad and App specific files, and dynamic resources, such as OData requests, will be returned via customer environment.

1. Open the SAP Fiori Launchpad Designer for the CUST layer (e.g. by using transaction code /ui2/flpd_cust)
2. Search for the Catalog '/UI2/CONFIG/UI5/CDN'
3. Go to the Target Mapping configuration
4. Set following parameter(s):
• /ui5/cdn/enabled    Default Value  set as   "true" : for enabling CDN resource consumption
• /ui5/cdn/url            Default Value  set as     e.g.  https://<customer provided CDN host>/1.71.21/resources : for specifying the url of the CDN and the SAPUI5 version to be consumed.
  *Note: for SAP_UI 7.51+, unless using a customer-provided CDN, do not use parameter '/ui5/cdn/url' and check that the SAP Note 2402766 is implemented if for SP01. The version for loading the SAPUI5 library will come from the ABAP frontend server.
  It is always recommended to use the latest SAPUI5 patch.
  
  
  
  
  
5. Go to t-code PFCG and create a custom Role e.g. Z_CDN
6. Add to this role the '/UI2/CONFIG/UI5/CDN' Fiori Catalog
   
   
   
   
   
7. Assign this role to users which should load SAPUI5 resources via CDN

For standalone UI5 apps, please see step 3 of the following for helpful hints:

SAPUI5 Application Startup Performance - Best Practices