High-performance Webseiten

von Denis Augsburger

Performance

Für ein ideales Nutzungserlebnis muss eine Webseite gut aussehen und schnell laden. Suchmaschinen wie Google messen unter anderem die Seitengeschwindigkeit als Rating-Faktor. Schnelle Webseiten werden deshalb in den Suchergebnissen tendenziell weiter vorne angezeigt.

Die Performance einer Webseite hängt von verschiedenen Faktoren ab und ist einfach messbar: Zum Beispiel mit dem Tool PageSpeed Insight von Google. Ein Ergebnis zwischen 90 und 100 ist erstrebenswert.

Faktoren

Die Ladezeit und damit auch das Ranking einer Webseite wird von folgenden Faktoren negativ beeinflusst

  • Grosse Distanzen zum Webserver (z.B. Schweiz - Japan)
  • Lange Zugriffszeiten auf Datenbanken, Dateien & Services
  • Überdimensionierte Bilder für Anzeigegeräte
  • Überlasteter Webserver
  • Laden von nicht benötigten Scripts und Styles
  • Voneinander abhängige Style-Definitionen (langer kritischer Pfad)
  • Schlechte Verbindung (beispielsweise im Lift)

Für diese Herausforderungen gibt es Lösungen, beispielsweise schnellere und verteilte Webserver mit gespiegelten Datenbanken, Caching und vieles mehr. Viele Lösungen führen jedoch zu zusätzlicher Komplexität, Kosten und Energie-Verbrauch. Deshalb verfolgen wir in der Entwicklung und Optimierung von Webseiten einen innovativen Ansatz.

JAM-Stack als Lösung

Bei Twteam sind wir der Überzeugung, dass sich die Technologien JavaScript (bzw. TypeScript), API und Markup - der sogenannte JAM-Stack - in der Webentwicklung von Webseiten und Applikationen durchsetzen wird.

Datenbanken und serverseitige Programmiersprachen wie JAVA oder PHP werden durch Schnittstellen beim Erstellen der Webseite abgefragt. Dadurch kann die Webseite weltweit zur Verfügung gestellt werden. Das Ganze kann mit wenig technischem und finanziellem Overhead realisiert werden. Zusätzliche Optimierungen wie beispielsweise Bildgrösse, Styles und Scripts können einmalig berechnet werden. Der Build-Prozess der Webseite führt zu etwas längeren Zeiten bei der Erstellung, dafür ergibt sich für den Webseitenbesucher allerdings auch bei komplexen Webseiten eine konstant schnelles Nutzererlebnis.

Denis ist ein leidenschaftlicher Software-Entwickler mit langjähriger Erfahrung in der Konzeption und Entwicklung von Webprodukten. Er lebt eine agile, schlanke und zuverlässige "Code-Kultur". Da die Anforderungen an digitale Produkte weiter wachsen, ist er ständig auf der Suche nach neuen, innovativen Ansätzen um digitale Herausforderungen für den Kunden optimal zu lösen.