10X Strategy
Erfolgsgeschichte · SUUSY

SUUSY · Dipl. Psychologin Jeanette Piram · Waldkirch-Kollnau · Veröffentlicht 17. Mai 2026

Von Webflow zu Native Next.js: PageSpeed 56 → 97 in 33 Iterations-Zyklen.

Tech-Debt herausgeschnitten, 1:1 Visual-Parity erhalten. Mobile-Bandwidth -99 %, LCP von ~3.5 s auf 1.8 s, TBT von 100+ ms auf 20 ms. Self-hosted in Deutschland, DSGVO clean.

Kurz gefasst · Stand Mai 2026

Die Praxis-Website von Dipl. Psychologin Jeanette Piram (SUUSY) wurde von Webflow auf einen nativen Next.js-Stack gehoben — 33 Iterations-Zyklen, 1:1 Visual-Parity, self-hosted auf Hetzner-DE. PageSpeed Mobile springt von 56 auf 97, LCP von ~3.5 s auf 1.8 s, Mobile-Bandwidth eager um 99 % reduziert (4.97 MB → 58.5 KB), DSGVO sauber per self-hosted Fonts + Cookie-Consent, Schema-Foundation für KI-Suche aktiv.

live gemessen

97

PSI Mobile Performance (vorher 56)

1.8 s

LCP live · vorher ~3.5–4 s

20 ms

Total Blocking Time · -80 %

-99 %

Mobile-Bandwidth eager · 4.97 MB → 58.5 KB

33

Iterations-Zyklen bis 1:1 Visual-Parity

100%

DSGVO self-hosted (Hetzner DE)

Ausgangslage

Webflow lief. Aber bei PSI Mobile 56 war Schluss.

Die SUUSY-Site lebte auf einem statischen Webflow-Mirror. Sauber, aber mit harten Architektur-Limits — sobald Mobile-PageSpeed das Thema wird, hat das Webflow-Setup ein Deckel-Problem.

PSI Mobile 56Performance-Bottleneck

jQuery + Webflow-IX2-Animations-Engine + render-blocking GTM-Pixel-Stack + ungebremste Bild-Pipeline. Klassisches Webflow-Mobile-Profil — PageSpeed-Plateau bei ~75–80, davor schon Drops in den 50er-Bereich, sobald Hero-Images mitwachsen.

DSGVO-RisikoFinsweet-Cookie-Consent via CDN

Webflow-typisches Cookie-Setup über externes Finsweet-CDN, Google-Fonts-CDN-Loads, US-Subprozessoren im Pflichtpfad. Für eine deutsche Therapie-Praxis mit Patientenkontakten ein vermeidbares Risiko — und ein Audit-Befund, der sich nicht wegoptimieren lässt.

Tech-Debt + Vendor-LockMonatliche Lizenz ohne Mehrwert

Monatliche Webflow-Lizenzkosten ohne aktive CMS-Nutzung. Vendor-lock-in beim Hosting, beim Routing, beim Cookie-Modal, bei den Animations-Patterns. Jede künftige Anpassung musste durch den Webflow-Editor — kein Code-Workflow.

KI-SichtbarkeitSchema-Markup limitiert

Webflow erlaubt nur eingeschränkt strukturierte Daten direkt im HTML. Für ChatGPT, Perplexity und Google AI Overviews fehlt damit die maschinen-lesbare Übersetzung — Psychologist + LocalBusiness-Schema ist mit Webflow zwar baubar, aber ohne tenant-aware Workflow.

PageSpeed Insights · vor dem Rebuild

pagespeed.web.dev · suusy.de · mobile
56

Performance

88

Accessibility

91

Best Practices

100

SEO

Maßnahmen

Drei Schritte: Eject, Rebuild, Tune.

Kein Layer-on-Top. Ein sauberer Architektur-Schnitt — Webflow raus, Next.js rein, Visual-Output verbatim erhalten.

Eject

Webflow-Tech-Debt herausschneiden

jQuery raus, IX2-Animations-Engine raus, render-blocking GTM raus, vendor-lock-in beim Finsweet-Cookie-Consent raus. Statt eines weiteren Optimierungs-Layers auf Webflow ein echter Architektur-Schnitt — Next.js als neue Plattform, gleicher Visual-Output.

Rebuild

1:1 Visual-Parity in 33 Iter-Zyklen

Webflow-CSS verbatim übernommen, Tailwind-scoped angewendet, self-hosted Poppins statt Google-Fonts-CDN, vanilla-cookieconsent v3 statt Finsweet-CDN. 33 fokussierte Iterations-Zyklen Visual-Diff gegen Original — die Praxis-Inhaberin sieht keinen optischen Unterschied.

Tune

Image-Pipeline + Core-Web-Vitals

Next.js-Image mit AVIF/WebP + responsive srcset, eager nur am Hero und nur am kleinsten sinnvollen Breakpoint, lazy ab Fold 2. PSI-Path: Webflow 56 → Native-Build 78 → nach Image-Pipeline-Fix 97. LCP von ~3.5–4 s auf 1.8 s, TBT von 100+ ms auf 20 ms, CLS bei 0.005.

Ergebnisse · PageSpeed Insights live

Same Design.
+41 PageSpeed-Punkte mobile.

Messung am 17. Mai 2026 nach DNS-Cutover. PageSpeed Insights Mobile, Lighthouse-Lab-Run, deutsches Test-Profil.

97

Performance

vorher 56

93

Accessibility

vorher 88

100

Best Practices

vorher 91

100

SEO

maintained

MetricWebflowNativePush
PSI Mobile Performance5697+41
Accessibility8893+5
Best Practices91100+9
SEO100100gehalten
LCP~3.5–4 s1.8 s-50 %
TBT100+ ms20 ms-80 %
CLS0+0.005excellent
Mobile-Bandwidth (eager)4.97 MB58.5 KB-99 %

Image-Pipeline ist der dominante Hebel.

Next.js-Image mit AVIF/WebP + responsive srcset + Hero-Eager auf kleinstem Breakpoint. Mobile-Bandwidth eager fällt von 4,97 MB auf 58,5 KB — das allein hat PSI von 78 auf 97 gehoben.

Webflow-Limit liegt bei ~75–80 Mobile.

jQuery + IX2 + Render-blocking GTM erzeugen ein Architektur-Plateau. Optimierung im Webflow-Kosmos bringt Punktgewinne, aber kein Sprung über die 80er-Marke.

DSGVO ist Nebenprodukt.

Self-hosted Poppins, vanilla-cookieconsent v3, Hetzner-DE, keine US-Subprozessoren im Pflichtpfad. Audit-Befund-frei, ohne dass es das primäre Ziel war.

Einordnung

Warum +41 Punkte Mobile-PSI wirtschaftlich relevant sind

+41

PSI Mobile Punkte · Webflow 56 → Native 97

Mobile-PageSpeed ist kein Vanity-Score. Google nutzt Core-Web-Vitals als Ranking-Signal, und für lokale Praxis-Suche aus dem Schwarzwald entscheidet die erste Sekunde, ob ein Lead die Site überhaupt sieht. Webflow-56 bedeutet im Real-User-Setting auf älteren Android-Geräten LCP jenseits der 4-Sekunden-Marke — ein Bounce-Generator.

Der Native-Stack liefert dieselbe Site mit LCP 1.8 s, TBT 20 ms, CLS 0.005. Das ist Lighthouse-Lab-Run-Niveau, das ältere Premium-Frameworks (Hubspot, Squarespace, Wordpress-Standard) auf Mobile nicht erreichen. Plus: 99 % weniger Mobile-Bandwidth eager — relevant für Datentarife im ländlichen Suedbaden.

Tech-Debt ist nicht weg-optimiert, sondern weg-geschnitten. Statt eines weiteren Optimierungs-Layers auf der alten Plattform sitzt SUUSY jetzt auf einer Architektur, die das Lighthouse-Profil als Foundation liefert — nicht als Endziel.

Übertragbarkeit

Drei Säulen, die jeder Kunde mitnimmt

Performance

Native-Stack-Pattern

Next.js + Tailwind v4 + Webflow-CSS-scoped + Image-Pipeline + Hetzner-DE. Jeder neue Kunde startet ab Tag 1 mit dem Lighthouse-Profil von SUUSY.

DSGVO

Audit-Befund-frei by default

Self-hosted Poppins statt Google-Fonts-CDN, vanilla-cookieconsent v3 statt Finsweet-CDN, Hetzner-DE-Hosting, keine US-Subprozessoren im Pflichtpfad. Die Audit-Liste wird zur Pflichtsache der Plattform — nicht des Kunden.

SEO + AEO

Kunden-spezifische Schema-Foundation

Metadata pro Kunden-Site + JSON-LD Schema (Psychologist + LocalBusiness + Person + FAQPage) direkt im HTML. GEO-Auszeichnung via areaServed, AEO-Topics in knows_about. KI-Bot-Allowlist für GPTBot, ClaudeBot, PerplexityBot.

FAQ

Häufige Fragen.
Ehrliche Antworten.

Warum nicht einfach Webflow weiter optimieren?
Webflow hat ein Mobile-PSI-Plateau bei ~75–80. jQuery, IX2-Animations-Engine, render-blocking GTM, schwer kontrollierbare Bild-Pipeline und vendor-lock-in beim Cookie-Consent. Ab einem bestimmten Punkt ist Optimierung im Webflow-Kosmos nicht mehr wirtschaftlich — ein nativer Next.js-Rebuild mit 1:1 Visual-Parity bricht das Limit auf 97 Mobile und löst gleichzeitig Tech-Debt, DSGVO und Lizenzkosten.
Wie lange hat der Rebuild gedauert?
33 Iterations-Zyklen in einer fokussierten Sprint-Session. Jeder Zyklus war ein konkreter Pull: Webflow-CSS-Pattern verbatim kopiert, Tailwind-scoped angewendet, Visual-Diff gegen Original, Performance-Pass. Reihenfolge: Visual-Parity zuerst, danach Image-Pipeline und Core-Web-Vitals-Tuning. PSI-Path Mobile: Webflow 56 → Native-Build 78 → nach Image-Pipeline-Fix 97.
Tailwind oder eigenes CSS-System?
Tailwind v4 als Grund-Layer plus Webflow-spezifische CSS-Patterns scoped übernommen. So bleibt die Site visuell exakt das Original, läuft aber auf einer modernen Code-Plattform mit voller Performance- und SEO-Foundation.
Behält die Site das Webflow-Design?
Ja, 1:1 Visual-Parity ist die harte Konstante des Rebuilds. Webflow-CSS wurde verbatim übernommen, Tailwind-scoped angewendet, Typografie via self-hosted Poppins identisch, alle Sektionen, Hover-States und Spacings angeglichen. Die Praxis-Inhaberin sieht keinen optischen Unterschied — nur die Webflow-Rechnung verschwindet und die Site lädt ~50 % schneller.
Wie wurde die Mobile-Bandwidth um 99 % reduziert?
Native Next.js-Image-Pipeline mit AVIF/WebP-Auslieferung, responsive srcset, lazy-loading per Default, Hero eager nur am kleinsten sinnvollen Breakpoint. Plus self-hosted Poppins statt Google-Fonts-CDN. Ergebnis: Initial-Load auf Mobile von 4,97 MB (Webflow eager) auf 58,5 KB. Das ist der dominante Hebel hinter LCP 1.8 s.
Was kostet ein vergleichbarer Native-Rebuild?
Premium-Webdesign-Service, Preis auf Anfrage. Die Investition ist einmalig, die laufenden Webflow-Lizenzkosten enden — und Ihre Site läuft anschließend mit Lighthouse-Profil 97/93/100/100 und DSGVO-Audit-Freiheit. Konkrete Zahlen entwickeln wir im Migrations-Gespräch.
Nächster Schritt

Sitzt Deine Site noch auf Webflow oder Squarespace?

Wir ejecten Deine Site auf einen nativen Next.js-Stack — 1:1 Visual-Parity, +30–40 PageSpeed-Punkte Mobile, DSGVO-Audit-frei, ohne laufende Lizenzfesseln.

Native-Rebuild-Gespräch anfragen →