SUUSY · Dipl. Psychologin Jeanette Piram · Waldkirch-Kollnau · Veröffentlicht 17. Mai 2026
Von Webflow zu Native Next.js: PageSpeed mobil von 56 auf 97
In 33 fokussierten Durchgängen haben wir den technischen Ballast von Webflow herausgenommen und das Aussehen der Seite exakt erhalten. Die Datenmenge, die ein Handy beim Öffnen laden muss, sank um 99 %, und das größte Bild ist jetzt nach 1,8 statt rund 3,5 Sekunden sichtbar. Gehostet wird DSGVO-konform auf einem Server in Deutschland.
Kurz gefasst · Stand Mai 2026
Die Praxis-Website von Dipl. Psychologin Jeanette Piram (SUUSY) lag vorher auf Webflow, einem Website-Baukasten mit fester monatlicher Miete. Wir haben sie auf eine eigene, modern programmierte Seite (Next.js) umgezogen, in 33 Durchgängen, optisch genau gleich und gehostet auf einem Server in Deutschland. Der Tempo-Wert von Google (PageSpeed) für Handys springt von 56 auf 97, das größte Bild ist nach 1,8 statt rund 3,5 Sekunden da, und die Datenmenge beim Öffnen auf dem Handy sinkt um 99 %, von 4,97 MB auf 58,5 KB. Schriften und das Cookie-Banner liegen jetzt auf dem eigenen Server statt bei US-Diensten, damit der Datenschutz sauber bleibt, und die Praxis ist mit den richtigen Hintergrund-Angaben auch für die KI-Suche auffindbar.
97
PageSpeed mobil (vorher 56)
1,8 s
Ladezeit (LCP) live, vorher rund 3,5 bis 4 s
20 ms
Reaktionszeit (TBT), 80 % schneller
-99 %
Mobile-Datenlast beim Laden, von 4,97 MB auf 58,5 KB
33
Iterations-Zyklen bis zum optisch identischen Ergebnis
100 %
DSGVO-konform, gehostet in Deutschland
Webflow lief, aber beim Tempo auf dem Handy war bei 56 Schluss.
Die SUUSY-Seite lag auf Webflow, einem Website-Baukasten, sauber gebaut, aber mit festen Grenzen. Sobald es um das Tempo auf dem Handy geht, stößt ein Webflow-Aufbau an einen Deckel, den man mit Feintuning nicht durchbricht.
Im Hintergrund liefen alte Hilfsprogramme, eine schwere Animations-Maschine und ein Tracking-Skript, das das erste Anzeigen ausbremst, dazu Bilder ohne Tempo-Optimierung. Das ist das typische Webflow-Bild auf dem Handy: ein Wert, der bei rund 75 bis 80 hängenbleibt und in den 50er-Bereich abrutscht, sobald die großen Bilder oben dazukommen.
Das Cookie-Banner lief über einen fremden US-Anbieter, die Schriften kamen von einem US-Server, und damit waren US-Dienstleister fest im Spiel. Für eine deutsche Therapie-Praxis mit Patientenkontakt ist das ein vermeidbares Risiko, das bei einer Datenschutz-Prüfung auffällt und sich mit Webflow nicht abstellen lässt.
Es lief eine monatliche Webflow-Miete, obwohl der eingebaute Inhalts-Editor gar nicht genutzt wurde. Hosting, Adressen, Cookie-Banner und Animationen hingen alle an dem einen Anbieter. Jede künftige Änderung musste durch den Webflow-Editor laufen, frei am Code arbeiten ging nicht.
Webflow lässt nur begrenzt zu, dass man der Seite maschinenlesbare Hintergrund-Angaben mitgibt (Fachbegriff Schema-Markup: ein kurzer, für Suchmaschinen lesbarer Steckbrief, der sagt was die Seite ist). Ohne diesen Steckbrief fehlt ChatGPT, Perplexity und der Google-KI eine saubere Beschreibung, dass es sich um eine Psychologie-Praxis vor Ort handelt.
PageSpeed Insights · vor dem Rebuild
Performance
Accessibility
Best Practices
SEO
Drei Schritte: Ballast raus, neu aufbauen, Tempo feintunen.
Kein weiteres Flicken an der alten Plattform, sondern ein klarer Schnitt: Webflow raus, eine eigene Seite rein, das Aussehen exakt erhalten.
Den technischen Webflow-Ballast herausnehmen
Optisch genau gleich, in 33 Durchgängen
Bilder verkleinern, Ladezeit drücken
Den technischen Webflow-Ballast herausnehmen
Webflow schleppt im Hintergrund viel mit: alte Hilfsprogramme für die Effekte, eine schwere Animations-Maschine und ein Tracking-Skript, das das erste Anzeigen der Seite ausbremst. Dazu das Cookie-Banner, das nur über einen fremden Anbieter lief. Statt das alte System weiter zu flicken, gab es einen klaren Schnitt: eine eigene, modern programmierte Seite bei exakt gleichem Aussehen.
Den technischen Webflow-Ballast herausnehmen
Webflow schleppt im Hintergrund viel mit: alte Hilfsprogramme für die Effekte, eine schwere Animations-Maschine und ein Tracking-Skript, das das erste Anzeigen der Seite ausbremst. Dazu das Cookie-Banner, das nur über einen fremden Anbieter lief. Statt das alte System weiter zu flicken, gab es einen klaren Schnitt: eine eigene, modern programmierte Seite bei exakt gleichem Aussehen.
Optisch genau gleich, in 33 Durchgängen
Wir haben das komplette Aussehen von Webflow (Layout, Farben, Abstände) Eins zu Eins übernommen und sauber neu aufgebaut. Die Schrift und das Cookie-Banner liegen jetzt auf dem eigenen Server statt bei US-Diensten. In 33 fokussierten Durchgängen haben wir die Seite Bild für Bild gegen das Original verglichen, sodass die Praxis-Inhaberin keinen optischen Unterschied sieht.
Bilder verkleinern, Ladezeit drücken
Bilder werden jetzt automatisch in moderne, kleinere Formate gerechnet und in der passenden Größe fürs jeweilige Gerät geladen. Das große Bild ganz oben lädt nur in der kleinsten sinnvollen Auflösung sofort, alles weiter unten erst beim Scrollen. So stieg der Google-Tempo-Wert für Handys von 56 bei Webflow über 78 im ersten eigenen Build auf 97 nach der Bild-Optimierung. Das größte Bild ist jetzt nach 1,8 statt rund 3,5 bis 4 Sekunden sichtbar, und beim Laden ruckelt nichts mehr nach.
Gleiches Design,
41 PageSpeed-Punkte mehr mobil.
Gemessen am 17. Mai 2026 nach dem Umzug, mit PageSpeed Insights, dem kostenlosen Tempo-Test von Google, im Handy-Modus und mit deutschem Test-Profil.
Performance
vorher 56
Accessibility
vorher 88
Best Practices
vorher 91
SEO
gehalten
Die Bilder sind der größte Hebel.
Die Bilder werden jetzt automatisch in kleinere, moderne Formate gerechnet, in der passenden Größe fürs Gerät geliefert, und das große Bild oben lädt nur in der kleinsten sinnvollen Auflösung sofort. Die Datenmenge beim Öffnen auf dem Handy fällt von 4,97 MB auf 58,5 KB, und das allein hob den Tempo-Wert von 78 auf 97.
Bei Webflow ist auf dem Handy bei rund 75 bis 80 Schluss.
Die alten Hilfsprogramme, die Animations-Maschine und das ausbremsende Tracking-Skript bilden zusammen eine Decke. Feintuning innerhalb von Webflow bringt ein paar Punkte, aber keinen Sprung über die 80er-Marke.
Der saubere Datenschutz kommt gratis dazu.
Schrift und Cookie-Banner auf dem eigenen Server statt bei US-Diensten, gehostet in Deutschland und keine US-Dienstleister, die zwingend mitlaufen müssen. Das Ergebnis besteht jede Datenschutz-Prüfung, obwohl das gar nicht das eigentliche Ziel war.
Warum 41 Punkte mehr beim Mobile-PageSpeed Geld wert sind
+41
PageSpeed-Punkte mobil, Webflow 56 auf Native 97
Das Tempo auf dem Handy ist kein reiner Schönheitswert. Google bezieht die Ladegeschwindigkeit in das Ranking mit ein, und bei der Suche nach einer Praxis vor Ort im Schwarzwald entscheidet die erste Sekunde, ob jemand die Seite überhaupt zu sehen bekommt. Ein Wert von 56 heißt auf älteren Handys in der Praxis Ladezeiten jenseits der 4 Sekunden, und dann springen viele wieder ab, bevor die Seite da ist.
Die neue Seite liefert exakt dasselbe Aussehen, aber das größte Bild ist nach 1,8 Sekunden sichtbar, die Seite reagiert nach 20 Millisekunden auf eine Berührung, und nichts ruckelt beim Laden nach. Dieses Niveau erreichen die üblichen Baukasten- und Standard-Systeme wie Hubspot, Squarespace oder ein Standard-WordPress auf dem Handy in der Regel nicht. Dazu kommen 99 % weniger Datenmenge beim Öffnen, was im ländlichen Südbaden mit knappen Datentarifen spürbar ankommt.
Der technische Ballast ist nicht weggetuned, sondern komplett herausgenommen. Statt die alte Plattform weiter zu flicken, läuft SUUSY jetzt auf einem Unterbau, der diese Tempo-Werte von Haus aus mitbringt, statt sie sich mühsam abringen zu müssen.
Drei Säulen, die jeder Kunde mitnimmt
Ein bewährter, schneller Unterbau
Eine eigene, modern programmierte Seite mit optimierten Bildern, gehostet in Deutschland. Jeder neue Kunde startet ab dem ersten Tag mit denselben guten Tempo-Werten wie SUUSY, statt sie sich später erkämpfen zu müssen.
Sauber, ohne dass der Kunde etwas tun muss
Schrift und Cookie-Banner liegen auf dem eigenen Server statt bei US-Diensten, gehostet wird in Deutschland, und es laufen keine US-Dienstleister zwingend mit. Um den Datenschutz kümmert sich die Plattform, nicht der Kunde.
Hintergrund-Steckbrief pro Kunde
Jede Kunden-Seite bekommt einen für Suchmaschinen lesbaren Steckbrief direkt eingebaut, der sagt, dass es sich zum Beispiel um eine Psychologie-Praxis vor Ort handelt, in welcher Region sie arbeitet und mit welchen Themen. Und die KI-Suchprogramme von ChatGPT, Claude und Perplexity dürfen die Seite ausdrücklich lesen. So findet die KI-Suche die Praxis dort, wo Klienten heute fragen.
Häufige Fragen,
ehrlich beantwortet.
Warum nicht einfach die Webflow-Seite schneller machen?
Wie lange hat der Umzug gedauert?
Sieht die neue Seite wirklich genau so aus wie vorher?
Wie kommt es, dass das Handy 99 % weniger laden muss?
Was kostet ein vergleichbarer Umzug auf eine eigene Seite?
Sitzt Deine Site noch auf Webflow oder Squarespace?
Wir ziehen Deine Website auf eine eigene, modern programmierte Seite um, optisch genau gleich, mit 30 bis 40 Tempo-Punkten mehr auf dem Handy, sauber im Datenschutz und ohne laufende Mietkosten. Im kostenlosen Umzugs-Gespräch klären wir unverbindlich, ob sich der Wechsel für Dich rechnet.