# 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](http://dev.sebastienlucas.com/universal-angular/) and [step by step starter](http://dev.sebastienlucas.com/how-to-use-the-angular-universal-starter/)

##