Corporate-Website auf Umbraco mit 6-fach schnellerer Ladegeschwindigkeit

Kundenprofil

The Instant Group ist ein international tätiger Immobilienanbieter, der seit 1999 den Markt für Büroflächen neu definiert. Neben einer digitalen Plattform auf Sitecore-Basis betreibt das Unternehmen auch ein Corporate-News-Portal auf Basis von Umbraco – einem Open-Source-CMS auf ASP.NET-Core-Basis.

Herausforderung

Die Performance des Umbraco-basierten News-Portals entsprach nicht den Erwartungen: Die durchschnittliche Ladezeit betrug 5,5 Sekunden. Die Website war zwar responsiv, wies jedoch Darstellungsfehler auf mobilen Geräten auf. Zudem führten Browser-Inkompatibilitäten zu einer hohen Absprungrate, und es gab keine Mehrsprachigkeitsunterstützung.

Lösung

Da SaM Solutions bereits bei der Modernisierung und Wartung der digitalen Immobilienplattform von The Instant Group sein technisches Know-how unter Beweis gestellt hatte, wurde uns auch dieses Projekt anvertraut. Unser Team – bestehend aus zwei Backend-Entwicklern, zwei Frontend-Entwicklern und einem QA-Engineer – arbeitete nach agilen Methoden mit Release-Zyklen von vier bis sechs Monaten.

Refactoring und Umstieg auf React

Nach einer eingehenden Analyse der Codebasis identifizierte unser Team veraltete Technologien und eine zu komplexe Struktur. Wir entschieden uns für ein vollständiges Refactoring, bei dem das Backend optimiert und das UI von jQuery auf eine moderne React-basierte Lösung migriert wurde. Zum Einsatz kamen serverseitiges Rendering, Webpack und TypeScript.

UI-Optimierung

Zusätzlich wurde ein UI/UX-Designer in das Projektteam eingebunden. Im Rahmen eines vollständigen Redesigns führten wir eine Analyse der Content-Struktur durch. Dabei zeigte sich, dass große Bilddateien die Ladegeschwindigkeit massiv beeinträchtigten. Unsere Experten automatisierten die Konvertierung in das WebP-Format und entwickelten ein individuelles Upload-Plugin zur Bildoptimierung.

Migration auf Umbraco 8 und Backend-Optimierung

Die ursprüngliche Website enthielt zwei fast identische Inhaltsbäume für UK- und US-Englisch. Um die geplante Einführung weiterer Sprachversionen zu ermöglichen, migrierten wir die Plattform auf Umbraco 8, das umfassenden Mehrsprachensupport bietet. Dabei wurden Inhalte und Struktur überarbeitet, die Logik angepasst und alle relevanten Weiterleitungen eingerichtet.

Kontinuierliche Weiterentwicklung

Im Rahmen der laufenden Zusammenarbeit hat SaM Solutions u. a. folgende Erweiterungen umgesetzt:

• Neue Seitentemplates und Komponenten,
• Einführung einer verbesserten Suchfunktion,
• Integration mit dem Salesforce-System des Kunden,
• Entwicklung eines Analysemoduls für Formulare.

Technologien

Umbraco 7, Umbraco 8, Courier, uSync, React, Webpack, TypeScript, jQuery, JavaScript, JSON, ASP.NET MVC, Node.js.

Erfolg

Mit ihrem ganzheitlichen Ansatz zur Optimierung und Weiterentwicklung der Lösung hat das Team von SaM Solutions bisher:

• die Ladezeit der Seiten von 5,5 auf nur 0,9 Sekunden reduziert,
• alle Kompatibilitätsprobleme mit Browsern und mobilen Ansichten behoben und das Design überarbeitet, um die Verweildauer der Besucher zu erhöhen,
• bei der Einführung von vier neuen Sprachversionen der Website unterstützt.

Der Kunde setzt weiterhin auf die Unterstützung von SaM Solutions, um seine Website kontinuierlich weiterzuentwickeln.