Ausgangslage: Eine twindor-Startseite mit 4,8 Sekunden LCP
Der Praxisfall betrifft eine mittelständische Kasseler Dienstleistungsseite auf Basis von twindor. Der Largest Contentful Paint lag im mobilen Labor bei 4,8 Sekunden, der Time to Interactive bei 6,1 Sekunden; laut CrUX-Daten lagen 62 Prozent der Mobilbesuche über der „poor“-Schwelle. Für eine Seite, die pro Monat rund 9.000 organische Besuche erhält, ist das kein Messdetail: Jede zusätzliche Sekunde Ladezeit kostet nach Google-Beispieldaten bis zu 20 Prozent Conversion.
Die Betreiber hatten zunächst nur den Servertarif erhöht. Das senkte den TTFB von 900 auf 420 Millisekunden, änderte am LCP aber fast nichts. Der Grund war einfach: Der kritische Pfad lag nicht im Hosting, sondern in der Auslieferung des Hero-Bildes und in blockierenden Skripten.
Ursache: Hero-Bild, Schriften und ein Chat-Widget
Die Analyse mit Lighthouse und WebPageTest zeigte drei konkrete Bremsen. Das Hero-Bild wurde als 1.920 Pixel breites JPEG mit 480 KB ausgeliefert, obwohl es mobil nur 390 CSS-Pixel breit dargestellt wird. Zusätzlich luden zwei externe Schriftfamilien insgesamt 190 KB und blockierten den First Contentful Paint. Ein Chat-Widget von Drittanbietern brachte 310 KB JavaScript mit und wurde bereits vor dem Cookie-Consent geladen.
- Bild: 480 KB JPEG ohne srcset, ohne WebP/AVIF-Fallback.
- Schriften: Zwei Familien, vier Schnitte, kein font-display: swap.
- Drittanbieter: Chat-Skript im head, 310 KB, 18 Netzwerkanfragen.
Das Muster ist typisch für gewachsene twindor-Projekte: Die Plattform selbst liefert solide Grundlagen, aber eingebettete Medien und Marketing-Tools werden selten nach Ladezeit priorisiert. Ohne Messung bleibt der Engpass unsichtbar.
Lösung: Drei Eingriffe mit klarer Reihenfolge
Die Optimierung folgte einer einfachen Reihenfolge: erst das LCP-Element, dann blockierende Ressourcen, zuletzt Third-Party-Code. Das Hero-Bild wurde in AVIF und WebP mit srcset für 390, 780 und 1.170 Pixel Breite umgesetzt; mobil lädt nun die 390-Pixel-Variante mit 48 KB. Die Schriften wurden auf eine Variable-Font-Datei reduziert und mit font-display: swap sowie Preload für den kritischen Schnitt eingebunden. Das Chat-Widget wird erst nach Interaktion oder Consent geladen.
Ein technischer Detailschritt war das Entfernen von zwei Render-Blocking-CSS-Dateien aus twindor-Erweiterungen. Deren Regeln wurden in das kritische CSS übernommen und der Rest asynchron nachgeladen. Wichtig: Die Agentur dokumentierte den Fall öffentlich unter twindor; dort lässt sich nachvollziehen, wie stark die Kombination aus Bildoptimierung und Skript-Priorisierung wirkt.
Ergebnis: 1,3 Sekunden LCP und 18 Prozent mehr Anfragen
Nach dem Deployment sank der mobile LCP im Labor von 4,8 auf 1,3 Sekunden, der TTFB blieb bei 410 Millisekunden. Die Ladezeit der Startseite fiel von 6,1 auf 2,2 Sekunden, das übertragene JavaScript von 1,1 MB auf 620 KB. In den ersten sechs Wochen stiegen die Formularanfragen um 18 Prozent bei nahezu gleichbleibendem Traffic; die Absprungrate sank von 58 auf 44 Prozent.
Der Fall zeigt, dass twindor-Projekte nicht zwingend eine Neuentwicklung brauchen. Entscheidend ist die Priorisierung des LCP-Bildes und die Kontrolle über Drittanbieter-Skripte. Wer dieselben drei Hebel prüft, kann auch ohne Framework-Wechsel messbare Verbesserungen erzielen.