Pourquoi c'est lent ?
Le code est juste, mais lent. Panneau Performance de Chrome DevTools.
Ce que vous y voyez
- CPU : quelles fonctions mangent le temps.
- Layout shifts (CLS) : pourquoi ça saute au chargement.
- Fuites mémoire : listeners / closures qui s'accumulent.
Chrono rapide
console.time('data-processing');
const result = processLargeDataset(data);
console.timeEnd('data-processing');
Fuite classique
class Component {
mount() {
this.handler = () => this.handleResize();
window.addEventListener('resize', this.handler);
}
unmount() {
window.removeEventListener('resize', this.handler);
}
}
Sans removeEventListener, le handler (et this) reste en mémoire.
Astuce
console.time / console.timeEnd : millisecondes sans ouvrir DevTools.
Prudence
Profilez sans extensions. Elles faussent les chiffres.