Pourquoi c'est lent ?

Le code est juste, mais lent. Panneau Performance de Chrome DevTools.

Ce que vous y voyez

  1. CPU : quelles fonctions mangent le temps.
  2. Layout shifts (CLS) : pourquoi ça saute au chargement.
  3. 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.