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.
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)
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.
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.
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.
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.
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
Performance
Accessibility
Best Practices
SEO
Drei Schritte: Eject, Rebuild, Tune.
Kein Layer-on-Top. Ein sauberer Architektur-Schnitt — Webflow raus, Next.js rein, Visual-Output verbatim erhalten.
Webflow-Tech-Debt herausschneiden
1:1 Visual-Parity in 33 Iter-Zyklen
Image-Pipeline + Core-Web-Vitals
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.
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.
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.
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.
Same Design.
+41 PageSpeed-Punkte mobile.
Messung am 17. Mai 2026 nach DNS-Cutover. PageSpeed Insights Mobile, Lighthouse-Lab-Run, deutsches Test-Profil.
Performance
vorher 56
Accessibility
vorher 88
Best Practices
vorher 91
SEO
maintained
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.
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.
Drei Säulen, die jeder Kunde mitnimmt
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.
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.
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.
Häufige Fragen.
Ehrliche Antworten.
Warum nicht einfach Webflow weiter optimieren?
Wie lange hat der Rebuild gedauert?
Tailwind oder eigenes CSS-System?
Behält die Site das Webflow-Design?
Wie wurde die Mobile-Bandwidth um 99 % reduziert?
Was kostet ein vergleichbarer Native-Rebuild?
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.