28.01.2019

Relaunch unserer "Lob für die Welt" Webseite im JAMstack

Wieso wir bei unserem Relaunch auf ein JAMstack setzen und welche Vorteile das bei der Entwicklung und der User Experience bringt.

Der Trend der aktuellen Web-Entwicklung geht zur Entkopplung von Frontend und Backend. Dies hat sowohl für die Entwicklung als auch für die Firmen enorme Vorteile. Webseiten, die nach dem JAMstack aufgebaut sind, sind extrem performant und sicher. Auch die Skalierung der Systeme ist sehr flexibel und günstig, sodass auch große Besuchermassen kein Problem darstellen.

Durch die Trennung von Inhalt und Ausgabe lassen sich die eingegebenen Daten in verschiedensten Systemen und Apps nutzen. Würden wir also in Zukunft beispielsweise über einen intelligenten Lautsprecher Lobkarten verschicken wollen, können wir dies mit dem aktuellen System schnell umsetzen, da die Daten per RestAPI abgefragt werden können. Zusätzlich gibt es nur eine Datenquelle. Wenn wir also eine neue Lobkarte hinzufügen, so wäre diese direkt auf allen Systemen vorhanden. Das spart deutlich Arbeitszeit und schützt vor unterschiedlichen Inhalten auf unterschiedlichen Plattformen.

VueJS mit NuxtJS als Frontend Framework

Da das CMS System komplett vom Frontend abgekapselt ist, konnten wir im Frontend unsere Auswahl an Technologien frei bestimmen. Um die beste User-Experience zu bieten und alles komponentenbasiert entwickeln zu können, haben wir uns für VueJS als Frontend Framework entschieden. Da die Inhalte bei diesen Frameworks nur schwer von Suchmaschinen erfasst werden können, wird jede Seite, bevor Sie an den Benutzer gesendet wird, auf dem Server vorgerendert. Die ersten Lade-Sekunden von Webseiten werden also auf unserem Server ausgelagert. Dadurch ist die Seite noch performanter und alle Inhalte sind für Suchmaschinen perfekt lesbar.

Diese Funktionen einzeln umzusetzen wäre ein großer Aufwand. NuxtJS als Framework konnte uns hierbei viel Arbeit abnehmen, da die meisten benötigten Funktionen schon enthalten und getestet sind. So konnten wir innerhalb kurzer Zeit eine dynamische Web-Anwendung schreiben, die sehr performant läuft und flexibel in der Weiterentwicklung ist. Da die einzelnen Unterseiten nur "virtuell" vorhanden sind, ist es auch deutlich leichter mit Übergängen und Animationen zu arbeiten. Dadurch verhält sich die Web-Anwendung ähnlich wie eine normale App.

Progressive Web App

Eine progressive Web App, kurz PWA, ist eine Web-Anwendung, die viele Funktionen einer nativen App beinhalten kann. So lassen sich Benachrichtigungen senden, die App auf dem Smartphone installieren oder offline nutzen. Da die Anwendung automatisch beim Besuch der Seite im Hintergrund gespeichert wird, ist diese nochmals schneller als normale Webseiten.

Technische Qualität

Um die technische Qualität der "Lob für die Welt"-Webseite zu prüfen, benutzen wir das Tool "Google Audit". Dies analysiert die Webseite und gibt in Punkten von 0 bis 100 wieder, wie gut bestimmte Bereiche umgesetzt worden sind. Aufgrund der vielen Optimierungen sind wir bei allen Themen im grünen Bereich und haben sogar bei 3 von 5 Aspekten volle Punktzahl erreicht. Dies ist ein hervorragendes Ergebnis!

Fazit

Der Relaunch unserer Lob für die Welt Webseite ist ein voller Erfolg. Die Entwicklung ging zügig, die Anwendung läuft sehr performant und fehlerfrei. Nun steht dem Lobkartenversenden nichts mehr im Wege.

 

 

Web-Entwicklung

Michael Wilke

Als Agentur entwickeln wir regelmäßig Webseiten für unsere Kunden und wissen daher genau, was zu beachten ist und wie diese optimal konzipiert werden können. Benötigen Sie Unterstützung oder Beratung, dann können Sie mich jederzeit kontaktieren.

Tel: +49 (0) 25 42 / 87 89 5-49
E-Mail: mwilke@meuter.de

Nehmen Sie Kontakt auf

Gefällt Ihnen der Artikel?
Teilen Sie ihn mit Ihren Freunden!

Melden Sie sich für unseren Newsletter an!

Weitere Artikel

Videos: Bewegende Inszenierung Ihres Unternehmensprofils.

29.01.2019

Videos: Bewegende Inszenierung Ihres Unternehmensprofils.

Videos sind oft mehr als nur Unterhaltung. Wir zeigen, wie Sie Ihr Unternehmen, Ihre Produkte und Dienstleistungen spannend mit Filmen darstellen und …

Weiterlesen
Jürgens Gießerei - der Mensch im Mittelpunkt

15.01.2019

Jürgens Gießerei - der Mensch im Mittelpunkt

Die Gießerei Jürgens aus Emsdetten zählt mit rund 70 Jahren Gusskompetenz heute zu den führenden Eisengießerei Europas. Ein besonderes Alleinstel…

Weiterlesen
www.olbrich.de – vertriebsunterstützendes Webseitenkonzept

14.01.2019

www.olbrich.de – vertriebsunterstützendes Webseitenkonzept

Zum Jahresabschluss freut sich die Olbrich GmbH über das Go-live ihrer neuen Webpräsenz. Und wir freuen uns mit.

Weiterlesen
Zur Blogübersicht