B2B-Website auf Umbraco-Basis: Optimiert für 6-mal schnellere Ladezeiten

Neben der eigenen, auf Sitecore basierenden Plattform zur Online-Suche und Anmietung von Büroflächen betreibt The Instant Group ein Corporate-Newsportal auf Basis von Umbraco – einem Open-Source-CMS, das auf ASP.NET Core basiert.

The Instant Group war mit der Performance ihres Newsportals unzufrieden. Die Ladezeit der Seiten lag bei 5,5 Sekunden, während mobile Nutzer trotz des responsiven Designs auf funktionale Fehler stießen. Auch Probleme mit der browserübergreifenden Kompatibilität trugen zu hohen Absprungraten bei, und das Fehlen einer Mehrsprachigkeitsunterstützung stellte ein erhebliches Manko dar.

Da das Team von SaM Solutions seine hohe Kompetenz bereits in einem anderen Projekt – der Modernisierung und Wartung des Immobilien-Marktplatzes von The Instant Group – unter Beweis gestellt hatte, beschloss der Kunde, uns auch sein Umbraco-basiertes Corporate-Newsportal anzuvertrauen. Das Projektteam bestand aus Backend– und Frontend-Entwicklern sowie einem QA-Engineer, die nach Agile-Methoden mit frequenter Releasetaktung arbeiteten.

Refactoring und Migration zu React

Das Projekt begann mit einer detaillierten Bewertung der Codebasis und der Architektur des Portals. Die Analyse zeigte eine komplexe Implementierung auf Basis veralteter, leistungsschwacher Technologien, weshalb sich das Team für ein umfassendes Refactoring der Lösung entschied. Nach der Optimierung des Backends modernisierten die Experten von SaM Solutions die Benutzeroberfläche und ersetzten das veraltete jQuery durch React. Die Kernlogik des Geschäfts wurde dabei beibehalten. Um die Performance weiter zu steigern, implementierten unsere Spezialisten Server-Side-Rendering mittels React, Webpack und TypeScript.

UI-Optimierung

Da The Instant Group zudem ein vollständiges Redesign der Website wünschte, verstärkte ein UI/UX-Designer das Projektteam. Der Prozess umfasste ein Audit der Content-Struktur und der Benutzeroberfläche des Portals, gefolgt von der Entwicklung und Umsetzung eines neuen Designkonzepts.

Während des Audits deckten unsere Spezialisten auf, dass zu große, nicht optimierte Bilder die Website stark belasteten und die Ladezeiten erheblich verlangsamten. Um dieses Problem zu lösen, automatisierte das Team von SaM Solutions die Konvertierung aller vorhandenen Bilder in das kompaktere WebP-Format und entwickelte ein maßgeschneidertes Umbraco-Plugin für den Upload und die Optimierung neuer Bilder.

Migration auf Umbraco 8 und Mehrsprachigkeit

Ursprünglich verfügte die Corporate-Website von The Instant Group über eine US- und eine UK-englische Version mit zwei nahezu identischen Content-Bäumen. Der Kunde äußerte den Wunsch, weitere Sprachversionen einzuführen. Da die Website jedoch auf Umbraco 7 basierte, war die Unterstützung mehrerer Sprachen stark eingeschränkt. Um dieses Hindernis zu beseitigen, migrierte das Team von SaM Solutions die Website auf Umbraco 8 – eine Version, die native Mehrsprachigkeit unterstützt. Dieses Upgrade umfasste die Content-Migration, strukturelle Optimierungen des Content-Baums, Anpassungen der Codelogik sowie die Einrichtung essenzieller Weiterleitungen (Redirects).

Kontinuierliche Weiterentwicklung

Im Rahmen des stetigen Wachstums ihrer Website forderte The Instant Group regelmäßig die Entwicklung und Bereitstellung neuer Funktionalitäten an. Im Laufe der jahrelangen Zusammenarbeit setzten unsere Experten unter anderem folgende Punkte um:

• Entwicklung neuer Seitenvorlagen (Templates) und Seitenkomponenten
• Implementierung eines neuen Suchmechanismus auf der Website
• Integration mit dem Salesforce-System
• Entwicklung eines Marketing-Analytics-Moduls für alle Formulararten

Als Ergebnis der Zusammenarbeit mit SaM Solutions erhielt The Instant Group eine schnellere, skalierbarere und benutzerfreundlichere Corporate-Website. Die modernisierte Lösung:

• Lädt in nur 0,9 Sekunden statt zuvor 5,5 Sekunden, was einer sechsfachen Performance-Steigerung entspricht.
• Basiert auf Umbraco 8 und bietet damit ein moderneres sowie flexibleres technisches Fundament.
• Garantiert eine einheitliche User Experience über verschiedene Browser und Mobilgeräte hinweg.
• Überzeugt durch eine neugestaltete Benutzeroberfläche, die zu längeren Verweildauern der Besucher anregt.
• Unterstützt vier zusätzliche Sprachversionen für ein internationales Publikum.
• Ist mit Salesforce integriert, um den Datenaustausch und Geschäftsprozesse zu optimieren.
• Umfasst neue Funktionalitäten, die das kontinuierliche Wachstum der Website unterstützen.