If I add a function to the DashboardComponent class:
console_log(index: number) {
console.log('DashboardComponent console_log ' + index.toString());
}
... and add ngClass to the first line of 'dashboard.component.html' like this:
<div [@routerTransition] id="TenantDashboard" [ngClass]="console_log(1)">
... I am able to observe in a browser debug console window that the page is being refreshed thousands of times per minute when there is no activity. Why is this happening? Is there a setting to limit page updates to refresh only if something changes?
I need to limit page updates because I have a large SPA with dozens of dynamically loaded child components, each of which has another half-dozen dynamically loaded child components. My system is becoming very sluggish. Task Manager reports CPU usage of 21% for the SPA, and I have many more components yet to be added. What techniques can I adopt to make my SPA robust? I want to avoid breaking my SPA into dozens of small SPAs to resolve performance issues. Current AspNetZero revision: 5.3