AEM Touch UI Multifield max items for performance optimization

[kirthi_murali]

Hi,

I have a component with a multifield containing 8 fields, with one being a dropdown populating selection from a Servlet response. We have this requirement to add 120+ items in this multifield.

Just wondering if this is an optimized thing to do with regards to performance. Like if this will compromise on the performance of the page or the component or the degradation in the authoring experience?

Thanks!

[aanchal-sikka]

Hello @kirthi_murali 

We might have to consider following:

• Using datasource to fetch info from Servlet on opening dialog.Refer to: 
  • https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/aem-datasource-for-touch-u... 
  • https://aemlab.blogspot.com/2019/07/aem-touch-ui-dropdown-from-json.html 
• Minimise processing in servlet. If the list is compiled through complex/resource-intensive logic, then consider caching the data. The servlet processing and response should be light.

[kirthi_murali]

Thanks for your inputs on Servlet Processing. Is it ok to have like 120+ fields in the multifield, will it affect performance in any form?

[aanchal-sikka · Accepted solution]

@kirthi_murali 

Should be ok, considering:

• The authoring activities are generally not high
• The changes of multiple authors editing this component on pages at same time further reduces.

However, you might want to consider the authoring experience with 120 items in a dropdown. Please consider using a write ahead, auto-complete or splitting the dropdown for better experience,

[Harishv57]

Hi ,

If the component is repetitive in the same page it might exceed request load. 

For component performance in the page , please check developer mode.

Please refer to this article

https://sourcedcode.com/blog/aem/improve-performance-of-aem-components-during-development-phase

Thanks