Framework optimieren
Angular schneller machen
Angular liefert von Haus aus AOT-Kompilierung und Lazy-Loading, doch ohne saubere Konfiguration werden die Bundles schnell zu groß.
Schritt für Schritt
- 1 Richte Lazy-Loading über loadChildren pro Feature-Modul ein, damit der initiale Bundle nur den Code der Startseite enthält.
- 2 Stelle Komponenten auf die OnPush-Change-Detection um, damit Angular den Baum nur bei echten Datenänderungen neu prüft.
- 3 Baue immer im Production-Modus, damit AOT-Kompilierung, Tree-Shaking und Minifizierung das Bundle drastisch verkleinern.
- 4 Setze Angular Universal für serverseitiges Rendern ein, damit Besucher und Crawler sofort vollständiges HTML erhalten.
- 5 Definiere strenge Budgets in der angular.json, damit der Build bei zu großen Bundles warnt, bevor die Werte abrutschen.
Erst messen, dann optimieren
Auf pagespeed-test.de prüfst du, ob dein Angular Bundle das LCP-Ziel von unter 2,5 Sekunden erreicht.
PageSpeed jetzt testen