Von WordPress zu Astro: die neue Website von OSI Global

osiglobal.com

OSI Global ist ein privat geführtes, von Gartner anerkanntes Unternehmen, das seit 2008 Dienstleistungen in den Bereichen Third-Party Maintenance, optische Netzwerke, Enterprise Hardware und Rechenzentrumsservices anbietet. Ihre Website lief auf WordPress. Wir haben sie auf Astro neu aufgebaut: eine schnellere, statische Website, die OSI vollständig gehört, von ihrem eigenen Team – oder direkt über Claude und ChatGPT – bearbeitet werden kann, wobei jeder Lead in HubSpot landet.

Warum sie von WordPress weggegangen sind

WordPress verschaffte OSI eine funktionierende Website. Damit einher ging die übliche Belastung: eine Datenbank und eine PHP-Laufzeitumgebung auf dem kritischen Pfad, ein Stapel von Plugins, die gepatcht werden mussten, und eine Leistungsgrenze, die eher durch das Theme als durch den Inhalt gesetzt wurde. Für ein Unternehmen, dessen Pipeline auf eingehenden Anfragen basiert – jemand, der Wartungsanbieter auf einem Telefon vergleicht und ein Angebotsformular ausfüllt – zeigt sich diese Grenze dort, wo es Geld kostet: bei der mobilen Ladezeit und der Zeit, die es braucht, um eine neue Serviceseite oder eine Kampagnen-Landingpage zu veröffentlichen.

Was wir gebaut haben

Die Website ist jetzt statisch. Jede Seite wird als vorgerendertes HTML ausgeliefert, das mit Astro erstellt wurde. Es gibt keine Datenbankabfrage und keine PHP-Laufzeitumgebung zwischen einem Besucher und der Seite – der Server übergibt einfach eine Datei. Bei diesem Build antwortet das Root-Dokument in 200 ms, und es gibt kein render-blocking CSS: Jedes Stylesheet wird zur Build-Zeit in das HTML inline eingefügt.

Inhalte leben in Git, nicht in einer Datenbank. Serviceseiten, der Blog, Nachrichten, Fallstudien und die Landingpages für bezahlte Anzeigen sind Dateien im Repository, die über Keystatic – ein Git-basiertes CMS – bearbeitet werden. Jede Bearbeitung ist ein Commit, sodass der Inhalt die gleiche Historie, Überprüfung und Ein-Klick-Rückgängigmachung wie der Code hat. Siebenunddreißig Blogbeiträge wurden von WordPress in dieses System migriert, wobei die native Astro-Bildoptimierung alle Inline-Post-Medien verarbeitet.

Das Team kann die Website in einfachem Englisch – oder mit KI – bearbeiten. Zwei Zugangswege. Es gibt einen visuellen On-Page-Editor: Ein autorisierter Redakteur öffnet eine beliebige Seite, klickt auf den Text, tippt und speichert. Und da jeder Text eine einfache Datei im Repository ist, kann derselbe Inhalt direkt über Claude oder ChatGPT bearbeitet werden – beschreibe die Änderung, erhalte einen Pull Request anstelle eines Support-Tickets.

Der Editor ist eine separate, abgesicherte Bereitstellung. Keystatic und der visuelle Editor laufen auf einem eigenen Cloudflare Worker hinter Cloudflare Access. Die öffentliche Website wird als reine statische Dateien ausgeliefert, ohne angehängte Admin-Oberfläche – nichts zum Brute-Forcen, nichts zum Patchen. Ein Redakteur speichert, das wird zu einem Commit, der Commit löst einen Build und Deploy aus.

Durchsuchbare Hardware, keine statische Preisliste. OSI verwaltet ein großes Volumen an B2B-Hardware-SKUs. Wir haben die globalen Datentabellen nach Herstellern aufgeteilt, um die Seitengenerierung schnell zu halten, und dann eine React-Katalogoberfläche mit Freitextsuche und erweiterten Filtern erstellt. Käufer durchsuchen den Bestand und senden Angebotsanfragen, die direkt in HubSpot geleitet werden. Die Tabellen werden auf Mobilgeräten zu übersichtlichen Karten zusammengeklappt.

Leads gehen dorthin, wo die Vertriebsarbeit stattfindet. Jedes Formular auf der Website – die Angebotsanfrage, die Serviceanfragen, die Kampagnen-Landingpages – wird in HubSpot gepostet, wo OSIs Deal Flow bereits vorhanden war. Kein Export, kein erneutes Eintippen.

Kampagnenseiten werden in Minuten, nicht in Sprints, ausgeliefert. Die Dell, Cisco, Supermicro und TPM Paid-Ad Landingpages basieren auf einem gemeinsamen Layout, das jeweils von einer einzigen Konfigurationsdatei gesteuert wird – so ist eine neue Anbieter-Landingpage nur wenige Zeilen plus ihren Text, unter der exakten URL, auf die die Live-Google Ads Kampagnen bereits verweisen.

Ergebnisse

Der ganze Sinn, WordPress zu verlassen, war Geschwindigkeit und Eigenverantwortung. Beides ist gemessen, nicht geschätzt – dies sind Lighthouse-Zahlen der Live-Website vom 1. Oktober 2026 (Lighthouse 12.8.2):

Metrik	Desktop	Mobil
Performance-Score	98	75
Largest Contentful Paint	1.0 s	3.1 s
First Contentful Paint	0.7 s	2.0 s
Total Blocking Time	0 ms	~670 ms
Cumulative Layout Shift	0	0
Speed Index	0.9 s	2.0 s

Barrierefreiheit 92 und SEO 92 auf beiden. Der Server selbst antwortet in 200 ms und die Seite wird ohne Layoutverschiebung gerendert – die statische Architektur tut genau das, was sie soll. Auf Mobilgeräten ist das verbleibende Gewicht Drittanbieter-Marketing-JavaScript (Google Tag Manager, Hotjar, ZoomInfo), das den Hauptthread blockiert; der ZoomInfo-Tag ist bereits bis zur ersten Benutzerinteraktion verzögert, und die gleiche Behandlung für den Rest ist der nächste klare Gewinn – eine Optimierungsaufgabe, kein Neuaufbau.

Dies sind Labormessungen der Live-Website; osiglobal.com hat noch nicht genügend Traffic, damit Chromes Felddaten berichten könnten.

Tech Stack

• Astro — statischer Website-Generator. Jede Seite wird als HTML ausgeliefert; es gibt kein Laufzeit-Framework und keine Datenbank auf dem kritischen Pfad.
• React (TanStack Table) — die interaktiven Hardware-Kataloge, als Islands auf ansonsten statischen Seiten montiert.
• Keystatic — Git-basiertes CMS. Inhaltseinträge sind Dateien im Repository.
• Markdoc — das redaktionelle Inhaltsformat für Blog, Nachrichten und Fallstudien.
• GitHub Pages + Cloudflare — die öffentliche Website ist kostenloses statisches Hosting auf GitHub Pages, weltweit über Cloudflares CDN und WAF bereitgestellt.
• Cloudflare Access — schützt den CMS-Editor, der als eigener Worker bereitgestellt wird.
• HubSpot — jedes Website-Formular leitet in OSIs bestehende CRM Pipelines.

Fragen, die wir zu diesem Projekt erhalten

Muss eine WordPress-Website neu gestaltet werden, um zu Astro zu wechseln?

Nein. Beim Neuaufbau geht es um die Engine und die Eigenverantwortung, nicht um ein erzwungenes Redesign. Designentscheidungen werden getroffen, weil sie dem Geschäft helfen, nicht weil die Migration sie erfordert.

Wer bearbeitet die Website danach?

OSIs eigenes Team. Inhalte leben in Keystatic als Dateien im Repository; ein Redakteur speichert, und das wird zu einem Commit, der einen Deploy auslöst. Dieselben Dateien können über Claude oder ChatGPT bearbeitet werden, was einen Pull Request anstelle eines Support-Tickets erzeugt.

Was passiert mit SEO während einer WordPress-Migration?

URLs, Meta-Titel und -Beschreibungen werden vor der Umstellung inventarisiert und übernommen; eine Sitemap wird bei jedem Build neu generiert, sodass neue Seiten automatisch eingereicht werden, und alte WordPress-URLs werden umgeleitet, anstatt kaputt zu sein.

Wo läuft die Website, und was kostet ihr Betrieb?

Die öffentliche Website sind statische Dateien auf GitHub Pages, die über Cloudflare bereitgestellt werden. Es gibt keinen WordPress-Host zu bezahlen und keine Plugins oder PHP zu patchen – was auch den Großteil der Angriffsfläche einer WordPress-Website eliminiert.

Kann derselbe Ansatz auch für andere Enterprise WordPress-Websites funktionieren?

Ja. Die Einschränkungen wiederholen sich: veraltetes WordPress, eine Leistungsgrenze, Formulare, die ein CRM erreichen müssen, und ein Team, das seine eigene Website bearbeiten möchte, ohne auf eine Agentur warten zu müssen.

Denkst du darüber nach, von WordPress wegzugehen?

Dieser Neuaufbau ist unser Web-Entwicklung-Service in der Praxis – eine schnellere, vollständig eigene Website, die dein Team selbst oder mit Claude und ChatGPT bearbeiten kann. Sieh, was derselbe Wechsel von WordPress für deine Website tun könnte.