←  Alle Begriffe
S
Frontend & Web Development

Single Page Application

Eine Single Page Application lädt eine Grundseite und aktualisiert Ansichten anschließend dynamisch im Browser.

Single Page Applications ermöglichen flüssige Übergänge und dynamische Interaktionen, ohne bei jedem Seitenwechsel ein vollständiges Dokument neu zu laden. Viele Inhalte werden dabei per JavaScript im Browser nachgeladen oder aktualisiert. Für eine gute Umsetzung sind eine klare Seitenstruktur, performantes Rendering, zugängliche Interaktionen und ein sauberer Umgang mit Navigation und Zuständen wichtig. Eng verbunden ist der Begriff mit Client-Side Rendering und JavaScript.

Weiterlesen

Client-Side Rendering

JavaScript

Web-Applikation

Technical SEO

FAQ

Single Page Application

Wie beeinflusst eine Single Page Application die Performance?
Nach dem ersten Laden sind Übergänge oft schnell, der Start ist dafür häufig langsamer, weil viel JavaScript geladen und ausgeführt wird. Das kann LCP und INP verschlechtern. Code-Splitting, Rendering auf dem Server und schlanke Bundles reduzieren den Effekt. Messwerte aus Felddaten zeigen die tatsächliche Wirkung.
Welche Barrierefreiheitsprobleme entstehen bei Single Page Applications?
Beim Ansichtswechsel ändern sich weder Seitentitel noch Fokus automatisch. Screenreader-Nutzer erhalten dann keine Rückmeldung über die neue Ansicht. Nötig sind gesetzte Titel, gezielte Fokusführung und Statusmeldungen. Auch die Zurück-Taste und Deep Links müssen funktionieren. Ohne diese Maßnahmen bleibt ein Seitenwechsel für Nutzer assistiver Technologien unbemerkt.
Wann lohnt sich eine Single Page Application?
Der Aufwand lohnt sich bei stark interaktiven Oberflächen mit vielen Zustandswechseln, etwa Dashboards, Editoren oder Konfiguratoren. Für Marketingseiten, Blogs oder Glossare überwiegt der Zusatzaufwand meist den Nutzen. Entscheidend ist, ob Interaktion oder Inhalt im Mittelpunkt steht. Der Zusatzaufwand entsteht bei Routing, Zustandsverwaltung und Tests.
Sind Single Page Applications ein Problem für SEO?
Das kann sein, muss aber nicht. Wird Inhalt erst im Browser erzeugt, drohen Verzögerungen oder unvollständige Indexierung. Server-Side Rendering oder statische Generierung mindern das Risiko. Für Anwendungen hinter Login spielt SEO ohnehin keine Rolle; für öffentliche Inhaltsseiten braucht es eine bewusste Rendering-Strategie.
Worin unterscheidet sich eine Single Page Application von einer klassischen Website?
Eine klassische Website lädt bei jedem Seitenwechsel ein neues HTML-Dokument, eine Single Page Application lädt einmal und tauscht Inhalte per JavaScript. Das ermöglicht flüssige Übergänge, verlagert aber Routing, Zustand und Ladeverhalten in den Client. Für inhaltsorientierte Seiten ist der klassische Weg oft einfacher.