Performance

18 articles du blog EasyAngularKit sur Performance.

Articles sur Performance

afterRenderEffect() : le hook Angular 20 qui remplace tes effect() qui touchent au DOM

7 août 2026

Remplacer un effect() qui touche au DOM par afterRenderEffect() : les phases earlyRead, write, mixedReadWrite et read, et les pièges de timing.

Angular Signals DOM Lifecycle Performance Zoneless

Hydratation incrémentale Angular 20+ : arrête d'hydrater le DOM que ton utilisateur ne touchera pas

3 août 2026

Ton main thread hydrate le footer et la FAQ avant que l'utilisateur puisse cliquer. Ce que defer hydrate on change, ses triggers, et les deux conditions.

Angular SSR Hydration Performance Core Web Vitals Lazy Loading

55 KB de JS pour un fade-in : virer @angular/animations avec animate.enter et animate.leave (Angular 20.2+)

24 juillet 2026

Depuis Angular 20.2, les bindings animate.enter et animate.leave remplacent @angular/animations pour 95% des cas. Migration, pièges et bundle avant/après.

Angular Animations Performance Bundle Angular 20

markForCheck() en 2026 : les 4 cas où tu peux enfin le virer (et le seul où tu dois le garder)

24 juillet 2026

Avec les signals partout, markForCheck() ressemble à un fossile. Presque : les 4 patterns où tu peux le supprimer, et le cas où il reste obligatoire.

Angular Signals Performance Bonnes pratiques Migration

Signal `equal` : pourquoi ton `set()` avec un objet ne re-render rien (et les 5 pièges qui te bouffent la journée)

17 juillet 2026

Tu appelles set() avec un nouvel objet, ton composant ne bouge pas. Ou pire : tu appelles set() avec la même valeur, et Angular re-render quand même. La fonction equal des signals est piégeuse dès que tu quittes les primitives. Tour des 5 pièges qui sabotent tes re-renders et les patterns pour reprendre la main sans casser les perfs.

Angular Signals Réactivité Bonnes pratiques Performance

"Le lazy loading Angular ça sert à rien" : 5 niveaux de découpage que tu ignores

16 juillet 2026

Le lazy loading Angular ne se limite pas à loadComponent. Les 5 niveaux, ce que chacun gagne sur ton bundle, et à quel réglage il ne sert plus à rien.

Angular Performance Lazy Loading Routing SSR Bundle

SSR Angular : 4 erreurs avec `window` qui plantent ton rendu serveur (et le fix propre en 3 primitives)

8 juillet 2026

Tu actives le SSR et tu prends un ReferenceError: window is not defined. Les 4 erreurs classiques, et le fix avec PLATFORM_ID, DOCUMENT et afterNextRender.

Angular SSR Lifecycle Hydration Performance

Lazy-loader la CSS de co-branding : comment j'ai retiré 2,5 Mo du bundle initial sur une app à 30 marques

1 juillet 2026

Tu charges les CSS de toutes tes marques alors qu'une seule sert. Lazy-loader la feuille par resolver : 2,5 Mo de bundle en moins, sans flash non stylé.

Angular Performance CSS Design System Lazy Loading Bundle

Angular SSR : 4 erreurs qui font fetcher ton API deux fois (et coûtent 800ms à ton TTI)

17 juin 2026

Ton SSR rend la page côté serveur, puis ton client refetch la même API au mount. Bravo, tu paies deux fois et ton Time To Interactive prend 800ms dans la tronche. Voici les 4 erreurs Angular 17+ qui causent le double-fetch en SSR et comment chaque correction prend moins de 5 lignes.

Angular SSR Performance Hydration

@for et track : 5 erreurs qui rebuild ton DOM à chaque tick

12 juin 2026

Le track de @for décide si Angular réutilise tes lignes ou les recrée : 5 erreurs, de $index aux clés dupliquées, et le correctif de chacune.

Angular Performance Templates Signals

NgOptimizedImage : 5 erreurs qui plombent ton LCP (et ton score Lighthouse)

27 mai 2026

Tes images sont presque toujours l'élément LCP, et souvent ce qui fait chuter ton score. Les 5 pièges de NgOptimizedImage, avec le before/after.

Angular Performance Core Web Vitals

@defer : le lazy loading de composants que tu ignores (et qui peut transformer tes Core Web Vitals)

17 avril 2026

Charger tes composants à la demande sans toucher au routing : les triggers @defer viewport, idle et interaction, le prefetch, et le piège du SSR.

Angular Performance Lazy Loading Core Web Vitals Bundle

InjectionToken tree-shakable : arrête de polluer ton bundle

18 janvier 2026

Découvre comment rendre tes InjectionToken Angular tree-shakable avec providedIn et factory. Moins de boilerplate, bundle plus léger, code plus propre.

Angular Dependency Injection Bundle Performance

Comment j'ai réduit de 25% la taille de mon bundle Angular

10 décembre 2025

Comment identifier un chunk anormal avec esbuild-visualizer et passer un bundle Angular de plus d'1 Mo à 750 Ko en remplaçant Zod par zod/mini.

Angular Performance Bundle Zod

input(), @Attribute(), ou InjectionToken ? Le Guide Pour Choisir La Bonne Approche

27 octobre 2025

Quand utiliser input(), @Attribute() ou InjectionToken dans tes composants : données réactives, valeurs statiques, config globale et pattern hybride.

Performance Composants Signals Dependency Injection Bonnes pratiques

Angular : Supprime Les Div Inutiles, Utilise Le Host Élément

20 octobre 2025

Éliminer les div wrappers de tes composants Angular : styler l'élément host avec :host, définir son display, poser des host bindings, et les cas d'exception.

Composants DOM Performance Bonnes pratiques CSS

Nx + Angular + Rspack : l'alliance qui accélère tes builds

11 septembre 2025

Nx et Rspack sur un projet Angular : ce que change le bundler Rust, comment configurer ou migrer une app existante, et quand Webpack ou Vite suffisent encore.

Angular Nx Bundle Performance

De Zone.js à Zoneless : le guide complet de migration Angular

25 janvier 2025

Angular 21 active le zoneless par défaut. Les 4 phases de migration - OnPush, signals, provideZonelessChangeDetection, retrait de Zone.js - et les pièges.

Angular 21 Zoneless Change Detection Signals Migration Performance

Voir tous les sujets du blog