Angular Web Portal Performance Improvements from v9.3 Onwards

I would like to ask for more details regarding the performance improvements introduced in version 9.3 of the Angular web portal, as listed in the release notes:

  • Improved performance loading large amounts of data in the API server
  • Enhanced performance of the web portal home page
  • Improved performance when displaying user accounts in the Data Explorer
  • Improved performance for attestation case approval
  • Improved performance for displaying identity responsibilities

In my experience working with various Angular-based portals, the main performance bottlenecks have typically involved rendering large tables of data, even when pagination is enabled. This is especially noticeable in the Data Explorer, where slow loading significantly impacts usability. I’ve also encountered performance issues during attestation approvals and IT Shop request handling.

Could you please provide more insight into the specific optimizations made in these areas? Additionally, are there any recommendations for improving performance in customized or newly developed sections of the portal?

Finally, I’d be interested to know if further performance enhancements are planned for future releases.

Thank you in advance!

Best regards,
Lucrezia

Parents
  • Hello,

    The portal should experience improved performance in version 9.3.X, as it utilizes a modernized version of Angular.

    To further enhance performance, I recommend investigating the following areas:

    Review your database read and write operations to identify potential performance bottlenecks. Optimizing queries and indexing strategies can yield significant improvements.

    If you have a load balancer or proxy in front of the web portal, please verify its configuration, as it can impact overall performance. 

    For immediate performance gains, consider reviewing your Angular dynamic modules. If certain modules are not required for your use case, disabling them can improve initial load times. Please note that this will remove the associated functionality, so evaluate carefully which modules are essential to your operations.

    For custom sections of the Angular portal, I recommend reviewing the following aspects of your implementation:

    Ensure that all observable subscriptions are properly unsubscribed to prevent memory leaks. Unmanaged subscriptions can accumulate over time and significantly degrade performance.

    Review and optimize your API queries to ensure they retrieve only the necessary data fields and use appropriate filtering at the database level rather than in the client application.

    Analyze the number of API calls made to the database and identify opportunities to reduce redundant requests.

    Review your API query efficiency and optimize database queries for better performance (custom scripts or queries in DB).

    Best regards,

    Zan

Reply
  • Hello,

    The portal should experience improved performance in version 9.3.X, as it utilizes a modernized version of Angular.

    To further enhance performance, I recommend investigating the following areas:

    Review your database read and write operations to identify potential performance bottlenecks. Optimizing queries and indexing strategies can yield significant improvements.

    If you have a load balancer or proxy in front of the web portal, please verify its configuration, as it can impact overall performance. 

    For immediate performance gains, consider reviewing your Angular dynamic modules. If certain modules are not required for your use case, disabling them can improve initial load times. Please note that this will remove the associated functionality, so evaluate carefully which modules are essential to your operations.

    For custom sections of the Angular portal, I recommend reviewing the following aspects of your implementation:

    Ensure that all observable subscriptions are properly unsubscribed to prevent memory leaks. Unmanaged subscriptions can accumulate over time and significantly degrade performance.

    Review and optimize your API queries to ensure they retrieve only the necessary data fields and use appropriate filtering at the database level rather than in the client application.

    Analyze the number of API calls made to the database and identify opportunities to reduce redundant requests.

    Review your API query efficiency and optimize database queries for better performance (custom scripts or queries in DB).

    Best regards,

    Zan

Children
No Data