LiMeii / angular-performance

demo code for improving angular project performance

AngularPerformance

This project was generated with Angular CLI version 8.2.2.

demo code for improving angular project performance, here some performance improving tips:

• no 'ng eject' in angular6+, then how to config customer webpack configuration.
• tree-shaking
• tree-shakeable providers
• ahead-of-Time (AoT) Compilation
• compression
• lazy loading of resources
• preloading resources
• caching
• change detection
  • ChangeDetectionStrategy.OnPush
  • run outside angular
• use pure pipes

Here is the series of blog:

• Angular：如何在Angular(8.0)中配置Webpack
• Angular：深入理解Angular编译机制
• Angular性能优化：Tree Shaking
• Angular：lazy loading和preloading
• Angular Change Detection：变化检测策略

usage

Download to your local

Run 'npm install'

Run 'npm run start'