Configure Mega menu async load system properties
The mega menu async improves the homepage interactivity by loading the Mega Menu in the background, enabling you to engage with visible content faster.
Vorbereitungen
Role required: admin
Warum und wann dieser Vorgang ausgeführt wird
- Use the mega menu async load system properties to display placeholder elements resembling the final content layout while the actual data is being fetched.
- Show a blank screen or a spinner, skeleton loaders create an improved perception of performance and user experience.
- Continue work on homepage and other widget items irrespective of the mega menu load time.
- Enable cache, reduce the load-time, and improve responsiveness.
Prozedur
-
In the navigation filter, enter sys_properties.list.
The list of properties in the System Properties [sys_properties] table appears.
-
Search for the following properties and click open.
Abbildung : 1. Megamenu async load system properties -
Toggle sn_ex_sp.megamenu _async_load to enable or disable the asynchronous mega menu loading feature.
- True: Show skeleton loader
- False: (Default)
-
Toggle sn_ex_sp.megamenu_async_load_skeleton_view to enable or disable the Mega Menu skeleton loader.
- True: Show the skeleton loader until the async flow gets the data.
- False: Show that previous session data until the async flow gets the data and then update the UI. For more information, see User portal data map.
-
Specify the sn_ex_sp.megamenu_async_timeout timeout duration (in milliseconds) for loading the asynchronous mega menu.
The default value is 15000. After 15 seconds, the UI aborts the data load and displays an error message
There was a problem with loading the menu. Please try again later.
.
-
Toggle sn_ex_sp.megamenu _async_load to enable or disable the asynchronous mega menu loading feature.
- Click Save or Update.