Angular2 too many file requests on load

by

I had the exact same problem, was actually looking at this post for an answer. Here is what I did to solve the problem.

  1. Modify your project to use webpack. Follow this short tutorial:
    Angular2 QuickStart SystemJS To Webpack
  2. This method will give you a single javascript file however it is quite large (my project file was over 5MB) and needs to be minified. To do this I installed webpack globaly:npm install webpack -g. Once installed, run webpack -p from your apps root directory. This brought my file size down to about 700KB

From 20 seconds and 350 requests down to 3 seconds and 7 requests.

More Related Contents:

  1. typescript anonymous object with variable based label value
  2. How do I return the response from an Observable/http/async call in angular?
  3. How to load external scripts dynamically in Angular?
  4. Property ‘…’ has no initializer and is not definitely assigned in the constructor
  5. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  6. Angular 2: How to detect changes in an array? (@input property)
  7. Angular: Can’t find Promise, Map, Set and Iterator
  8. Angular 2 router event listener
  9. Angular2 component’s “this” is undefined when executing callback function
  10. How to do the chain sequence in rxjs
  11. Angular 2: TypeError: l_thing0 is undefined in [{{thing.title}} in AppComponent@4:44]
  12. Load existing components dynamically Angular 2 Final Release
  13. Angular 5 Scroll to top on every Route click
  14. How to handle window scroll event in Angular 4?
  15. Prevent IE11 caching GET call in Angular 2
  16. Nested arrays in Angular 2 reactive forms?
  17. Angular: In which lifecycle hook is input data available to the Component
  18. Angular 4 Filter Search Custom Pipe
  19. Correct way Provide DomSanitizer to Component with Angular 2 RC6
  20. Angular 2 typescript invoke javascript function
  21. Whats the difference between using a class and interface?
  22. How to Pass data from child to parent component Angular
  23. What does Angular 2 hashtags in template mean?
  24. How to loop over object properties with ngFor in Angular
  25. Converting an image to base64 in angular 2
  26. Angular 6: ERROR TypeError: “… is not a function” – but it is
  27. Angular interceptor exclude specific urls
  28. How to iterate using ngFor loop Map containing key as string and values as map iteration
  29. How to check empty object in angular 2 template using *ngIf
  30. Filter Array in Array by date between 2 dates

Leave a Comment