Retour à la leçon
Mission

Mission : le graphique de 400 Ko présent sur chaque page du site

Isoler une librairie lourde du bundle global avec next/dynamic et éviter une mémoïsation appliquée sans avoir mesuré le vrai problème.

Contexte

@next/bundle-analyzer révèle que RevenueChart (qui importe une librairie de visualisation de 400 Ko) est présent dans le bundle JavaScript de TOUTES les pages du site, car il est importé normalement (import RevenueChart from "@/components/RevenueChart") tout en haut d'un fichier Layout partagé, alors que seule /analytics l'affiche réellement. Un développeur, en réaction à ce rapport, propose d'envelopper également TOUS les composants du site dans memo() "pour être sûr", sans avoir mesuré si un seul d'entre eux re-render réellement trop souvent.