Standpunkt 578, 3. Mai 2024

8 | Standpunkt der Wirtschaft DIGITAL 3. Mai 2024
SINGLE PAGE APPLICATIONS – Die Möglichkeiten im Internet haben sich weiterentwickelt. Neue Technologien führen dazu,
dass die Art und Weise, wie Webanwendungen entwickelt und genutzt werden, sich laufend verändert. Ein Konzept, das an
Bedeutung gewinnt und die Welt der Webentwicklung nachhaltig beeinflusst hat, nennt sich «Single Page Application».
Beeindruckende Webentwicklung
IWF-BLOGGER
Patrick Gross ist CEO der IWF AG
und Mitglied der Geschäftsleitung der
Wirtschafts kammer Baselland. Sein
Blog erscheint monatlich auf der Website
der IWF und hier im Standpunkt
der Wirtschaft.
Patrick Gross erreichen Sie unter:
E-Mail: p.gross@iwf.ch
Telefon: 061 927 64 76
Weitere spannende Blogbeiträge
finden Sie auf der Website
von IWF Web Solutions:
Das Funktionsprinzip von Single Page Applications (SPA) eignet sich vor allem für die Erstellung von Anwendungen, bei denen eine schnelle
Interaktion und die häufige Aktualisierung des Inhalts erforderlich ist. Gute Beispiele sind Social-Media-Plattformen, Mail-Anwendungen,
aber auch Google Maps oder Netflix.
Bild: zVg
www.iwf.ch/web-solutions/blog
Was steckt genau hinter Single Page
Applications (SPA), warum sind sie
so revolutionär und wo werden sie
zur Anwendung gebracht? Dieser Digital-Artikel
liefert die wichtigsten
Antworten zu dem Thema.
Eine «normale» Webseite besteht
aus mehreren miteinander verbunden
Einzelseiten und bei jedem Klick
wird jeweils eine einzelne neue Seite
im Browser geladen.
Die Single Page Application hingegen
ist eine Webanwendung, bei
der die gesamte Anwendung im
Browser des Nutzers oder der Nutzerin
auf einmal geladen wird. Die
Inhalte einer SPA werden dabei
jeweils dynamisch geladen, ohne
dass eine Aktualisierung erforderlich
ist.
Grundlegendes Funktionsprinzip
Basierend auf der Idee, dass alle Inhalte
auf nur einer einzigen HTML-
Seite geladen werden, sind im Folgenden
die einzelnen charakteristischen
Schritte einer SPA abgebildet:
1. Initialer Seitenaufruf: Bei dem initialen
Seitenaufruf wird die HTML-
Seite vom Server geladen. Diese enthält
das grundlegende Layout, Java-
Script-Dateien und weitere Ressourcen
wie CSS-Files und Bilder.
2. Initialisierung: Während der Initialisierung
wird ebenfalls das Java-
Script geladen und ausgeführt. So
wird die Benutzeroberfläche erstellt
und das Routing-System wird eingerichtet.
3. Routing: Das clientseitige Routing-
System sorgt dafür, dass unterschiedliche
Inhalte angezeigt werden. Je
nach Benutzerverhalten werden
unterschiedliche Inhalte geladen.
4. Dynamische Aktualisierung: Klickt
der Benutzer oder die Benutzerin auf
Links, werden mithilfe einer Anfrage
neue Daten vom Server oder einer
Programmierschnittstelle (API) abgerufen.
Das dynamische Aktualisieren
erfolgt ohne neues Laden der
Seite.
5. Clientseitige Datenverarbeitung:
Eine weitere Besonderheit besteht darin,
dass die Datenverarbeitung weitestgehend
clientseitig stattfindet.
Clientseitig bedeutet, dass Skripts wie
z.B. JavaScript auf dem Clientgerät
ausgeführt werden. Datenmanipulationen
können also ohne Serveranfragen
erfolgen. Das führt zu geringen
Antwortzeiten und reduziert die Nutzung
von Serverressourcen.
6. Caching und Ressourcenmanagement:
Caching-Techniken, welche
häufig im Rahmen von der Entwicklung
von Single Page Applications
implementiert werden, erhöhen die
Performance ebenfalls.
7. Interaktion und Benutzererfahrung:
Auch die User kommen bei der
Anwendung von Single Page Applications
nicht zu kurz. Sie profitieren
von schnellen Ladezeiten und einem
guten Nutzererlebnis.
8. Backend-API: Die Kommunikation
führt dazu, dass alle nötigen Daten
in der entsprechend formatierten und
strukturierten Version vorliegen.
Diese Funktionsweise führt zu einer
schnelleren und reaktionsoptimierten
User-Experience, da immer nur
die gerade benötigten Daten abgerufen
und geladen werden.
Vor allem eignet sich dieses Funktionsprinzip
für Anwendungen, bei
denen eine schnelle Interaktion und
die häufige Aktualisierung des Inhalts
erforderlich ist. Gute Beispiele
von Single Page Applications sind
Social-Media-Plattformen, Mail-
Anwendungen, aber auch Google
Maps oder Netflix basieren auf
SPAs.
Patrick Gross
PERFORMANCE – Die Performance von Webseiten ist ein ausschlaggebendes Kriterium für die Nutzererfahrung. Genau an diesem
Bedürfnis knüpft das Prinzip von SPAs an.
Fünf Vorteile von Single Page Applications
Verbesserte Performance
Durch das Funktionsprinzip werden
immer nur die Daten neu abgerufen,
die gerade benötigt werden. Das führt
zu einer optimierten Performance
und schafft dementsprechend auch
die Grundlage für eine schnellere und
nahtlose Benutzererfahrung.
Schnellere Benutzererfahrung
Mit Single Page Applications kann
diese Nutzererwartung erfüllt werden.
Das liegt an dem Funktionsprinzip
einer Single Page Application.
Verbesserte Skalierbarkeit
Aufgrund der Reduzierung von benötigten
Serverkapazitäten lassen
sich Single Page Applications häufig
auch deutlich besser skalieren. Das
liegt vor allem an der Entkopplung
von Frontend und Backend. Darüber
hinaus bestechen SPAs mit ihrer Modularität.
So wird die Ressourcenlast
auf verschiedene Server beziehungsweise
Dienste verteilt. Auch das
zahlt sich in verbesserter Skalierbarkeit
aus.
Optimale Nutzererfahrung
Im Rahmen der Webentwicklung
steht die optimale User-Experience
im Vordergrund. Der Benutzer soll
Spass im Umgang mit der Applikation
haben. Natürlich ist auch hier
die reduzierte Ladezeit ein wesentliches
Argument. Doch auch im Hinblick
auf die Gestaltung des Layouts
wird durch Single Page Applications
ein optischer Versatz vermieden und
schafft die Grundlage für eine optisch
ansprechende Webanwendung,
die Spass bei der Nutzung macht.
Mobile Optimierung
Heute müssen Webanwendungen
auf unterschiedlichen Bildschirmgrössen
abrufbar und gut nutzbar
sein. Sie müssen also mobil optimiert
werden. In der digitalen Welt,
wie auch in der Webentwicklung, ist
der Mobile-First-Ansatz deshalb
nicht mehr wegzudenken. Das liegt
vor allem daran, dass sich das Nutzerverhalten
in den letzten Jahren
stark verändert hat. Viele Personen
sind im Internet fast ausschliesslich
mit dem Smartphone unterwegs.
Dieser Trend setzt sich fort.
Grenzen von SPAs
Neben den vielen Vorteilen gibt es
auch einige Grenzen, denen man
sich im Rahmen der Entwicklung
einer Webanwendung bewusst sein
sollte. Welche das sind und wie Sie
diese Grenzen durchbrechen können,
erfahren Sie im Blogbeitrag auf
der Webseite.
Fazit
Es lässt sich also festhalten, dass
Single Page Applications eine beeindruckende
Evolution in der Welt
der Webentwicklung darstellen. In
einer zunehmend digitalisierten
Welt, in der Benutzererwartungen
ständig steigen, bieten SPAs eine
leistungsstarke Möglichkeit, komplexe
Anwendungen zu entwickeln
und gleichzeitig eine reibungslose
Benutzer erfahrung zu gewährleisten.
Mit einer klaren Strategie und einer
sorgfältigen Umsetzung können
Single Page Applications zu einer
Schlüsselkomponente für innovative
und ansprechende Webanwendungen
werden.
IWF Web Solutions unterstützt
ihre Kundinnen und Kunden mit
fachkundiger Beratung und innovativen
Konzepten auf dem Weg zur
optimalen Lösung. Patrick Gross