Angular SSR & SSG
Blitzschnelle Performance und SEO-freundliche Inhalte.
Server-Side Rendering (SSR)
Traditionell sind Angular-Anwendungen Single Page Applications (SPAs), die vollständig im Browser gerendert werden (Client-Side Rendering). Bei SSR wird die Anwendung auf dem Server gerendert und eine vollständig ausgefüllte HTML-Seite an den Client gesendet.
Dies führt zu einem deutlich schnelleren First Contentful Paint (FCP) und stellt sicher, dass Suchmaschinen-Crawler und Social-Media-Bots Ihre Inhalte problemlos indexieren können.
Nicht-destruktive Hydrierung
Moderne Angular-Versionen bieten nicht-destruktive Hydrierung. Anstatt den DOM beim Laden von JavaScript zu zerstören und neu zu rendern, "weckt" Angular das vorhandene statische HTML auf und fügt Event-Listener und Zustände ohne visuelles Flackern hinzu. Dies sorgt für eine nahtlose Benutzererfahrung.
Static Site Generation (SSG)
Für Inhalte, die sich nicht oft ändern (wie diese Dokumentationsseite), kann Angular SSG verwenden, um Seiten zur Build-Zeit vorzurendern. Diese statischen Dateien können von einem CDN bereitgestellt werden und bieten die bestmögliche Performance und Sicherheit.