Was ist eine SPA (Einzelseitenanwendung)?
Eine Einzelseitenanwendung (SPA) lädt ein primäres Webdokument und aktualisiert Ansichten dynamisch im Browser. Bei der Navigation ändert die Anwendung üblicherweise clientseitig gerenderte Inhalte, statt für jede Interaktion ein vollständiges Dokument anzufordern.
So funktionieren Einzelseitenanwendungen (SPAs)
Eine SPA verwendet üblicherweise browserseitiges Routing und den Anwendungszustand, um nach dem anfänglichen Laden des Dokuments Teile der Benutzeroberfläche zu ersetzen. Daten werden über APIs abgerufen, während die History API sichtbare URLs mit der aktuellen Ansicht in Einklang halten kann. Diese Architektur verlagert Navigation, Wiederherstellung nach Fehlern, Fokusverwaltung und einen Großteil des Renderings in den Clientcode. In einem Medienprodukt kann sie eine kontinuierliche Wiedergabe und komplexe Upload-Zustände unterstützen. Für die erste Antwort können dennoch serverseitiges Rendering oder Vorrendern eingesetzt werden.
Wichtige Fakten
- Ein Server muss direkte Anfragen für clientseitig verwaltete Pfade üblicherweise an einen geeigneten HTML-Einstiegspunkt leiten; andernfalls kann das Aktualisieren oder Teilen einer verschachtelten URL serverseitig einen Fehler 404 auslösen.
- Clientseitige Routenwechsel kündigen nicht automatisch eine neue Seite an und verschieben auch nicht den Fokus. Barrierefreie Implementierungen aktualisieren daher explizit Dokumenttitel, Überschriften und Fokusverhalten.
- Große anfängliche JavaScript-Bundles können die Interaktivität auf langsameren Geräten verzögern, selbst wenn spätere Übergänge schnell sind; Code-Splitting und serverseitig gerenderte Einstiegsansichten setzen an unterschiedlichen Teilen dieses Aufwands an.
Wann Einzelseitenanwendungen (SPAs) wichtig sind
Wählen Sie eine SPA, wenn ein umfangreicher clientseitiger Zustand und schnelle Navigation innerhalb der Anwendung die zusätzliche Komplexität im Browser rechtfertigen. Routing, Barrierefreiheit, anfängliches Laden und die Wiederherstellung nach fehlgeschlagenen API-Aufrufen erfordern gezielte Maßnahmen.