Perfomance optimization

Performance improvement checklist

• Performance check list for Angular : https://github.com/mgechev/angular-performance-checklist#caching

Fixing and detecting memory leaks

• How to detect memory leaks (chrome debugger) https://itnext.io/angular-rxjs-detecting-memory-leaks-bdd312a070a0

• Explanation on how to use chrome dev tools for that and memory related concepts https://developers.google.com/web/tools/chrome-devtools/memory-problems/

• Four types of memory leaks in JS https://auth0.com/blog/four-types-of-leaks-in-your-javascript-code-and-how-to-get-rid-of-them/

• Tips on how to customize ngDestroy https://wesleygrimes.com/angular/2019/03/29/making-upgrades-to-angular-ngondestroy.html

Enable Prod mode

What does it do :

• Reduce to a single check the change detection

• do not use deep comparison of object for change detection

http://stackoverflow.com/questions/34868810/what-is-difference-between-production-and-development-mode-in-angular2

How to

import { enableProdMode } from '@angular/core';

// enable prod for faster renders
enableProdMode();

AOT / Ahead of time compilation

Precompilation of the code > Link to article

Universal angular

Prerendering on the server side.

Look at our introduction and step by step starter