Skip to content

Latest commit

 

History

History
54 lines (37 loc) · 1.39 KB

File metadata and controls

54 lines (37 loc) · 1.39 KB

Angular Performance Tuning

personaje-main-flash

How

Session is provided in form of 4h webinar.

Requirements

  • JavaScript: basics
  • EcmaScript2015: classes, arrow function
  • TypeScript: types, interfaces, access modifiers, decorators
  • Angular: basics

Agenda

If you have any suggestion for topics please do not hesitate to create an issue.

General Information performance

  • user perception of loading time
    • Optimistic updates
    • correct loading indicators
    • application shell
  • tools
  • monitoring of router change state
  • what can be faster?

Network performance

  • hosting optimisation
  • bundle size
  • Tree-shaking
  • Tree-shakeable providers
  • router lazy loading and preloading strategies
  • SSR: Universal & Scully
  • Service Workers: offline mode, cache content, cache http calls

Runtime Optimizations

  • Understanding Zonejs
    • runOutsideAngular
    • life without ngZone
    • Coalescing event change detections { ngZoneEventCoalescing: true }
  • Change Detection: onPush, markForCheck, detach/reattach
  • pure pipes and memorize
  • big lists optimisation: Trackby and VirtualScroll
  • WebWorkers for complex coputations
  • Memory leaks: detection, RxJS, optimisation technics