Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Angular 5 application very slow while typing letters in a textbox in IE11

My application is built on Angular 5 and facing an issue while typing letters in any text box in IE11, in chrome it works fine. It takes at least 2 seconds to type a single letter in the text box. Memory usage is 400mb in the welcome page and it increases if we go to any other component by 100mb.

So in short I need to improve the typing speed in any textbox. Could you suggest a way to fix this issue.

like image 423
user3843805 Avatar asked Mar 17 '18 21:03

user3843805


People also ask

Why can't I improve my angular app?

The problem is that it might not actually improve your Angular apps considerably because you are going the wrong way around the problem. If you start with the solution and try to apply it before you have identified the problem you are most likely going nowhere.

Is it difficult to write performance-critical apps with angular?

With that said, some difficulties will eventually arise when we are writing either performance-critical apps, apps with large and complex content, or apps updated extremely frequently. There are loads of resources and popular advice out there about improving performance with Angular apps.

How bad is the initial load speed in angular?

Initial load speed is fine in other browsers. A bare bones component that doesn't pull in as many of the angular libraries seems to not slow down as badly on the initial load. Need to do more research to see at what complexity the slow down significantly increases.

How to fix a slow typing issue in Windows 10?

Then, select the Keyboard settings option. Under the Speed tab, drag the slider under Repeat delay towards Short and Repair rate towards Fast side. Click Apply and OK. Check if your keyboard is typing normally. Corrupt system files can cause the keyboard to malfunction resulting in a slow typing issue.


1 Answers

This issue is solved now, you need to use enableprodmode() in the main.ts file to make the angular app light weighted and also it limits the dual change detection cycle to one.. further you can use ng build --prod to optimize the build package

like image 52
user3843805 Avatar answered Sep 27 '22 20:09

user3843805