Schnellere Websites konvertieren besser, ranken höher bei Google und brauchen weniger Bandbreite. Drei Schritte, die ich bei jeder Kundenseite umsetze, nach Impact sortiert.
Geschwindigkeit ist ein unterschätzter Teil des Website-Managements. Nicht weil sie schwer zu erklären ist, sondern weil der Impact erst sichtbar wird, wenn man misst. Google-Untersuchungen zeigen, dass jede halbe Sekunde zusätzliche Ladezeit auf mobilem Traffic etwa 7% Conversion kostet. Für einen Mittelstand-Webshop mit zehntausend Euro Monatsumsatz sind das fast achthundert Euro im Monat. Pro halbe Sekunde.
Was ich bei jeder neuen Kundenseite zuerst prüfe
Drei Schritte, nach Impact sortiert, alle innerhalb einer Woche umsetzbar.
1. Bilder verkleinern und lazy laden
In neun von zehn Fällen ist das das größte Problem. Hero-Fotos mit vier Megabyte, nie optimierte Produktbilder, Screenshots in Originalauflösung. Es ist in der Art eingebacken, wie Content geliefert wird.
Was wir machen:
- Konvertierung in WebP-Format (kleiner als JPEG, bessere Qualität als PNG).
- Mehrere Auflösungen pro Bild (mobil bekommt kein 1920px-Foto).
- Below-the-fold-Bilder laden erst, wenn sie in den sichtbaren Bereich scrollen.
2. JavaScript bündeln und verzögern
Tracking-Skripte, Chat-Widgets, Cookie-Banner, Marketing-Tags. Einzeln nicht viel, zusammen können sie die erste Interaktion zwei bis drei Sekunden verzögern.
Was hilft:
- Marketing-Skripte laden erst nach dem ersten Paint.
- Chat-Widget initialisiert erst nach vier Sekunden oder beim Scrollen.
- Cookie-Banner direkt, aber ohne externe Library.
3. Above-the-fold-CSS inlinen
Das ist technischer, aber enorm wirkungsvoll. Das CSS, das für den sofort sichtbaren Bereich (Header, Hero) nötig ist, wird inline ins HTML geschrieben. Der Rest lädt asynchron. Der Unterschied: Besucher sehen sofort etwas, auch bei langsamerer Verbindung.
Faustregel: max 14 Kilobyte kritisches CSS. Das passt ins erste Netzwerk-Paket und wird gleichzeitig mit dem HTML ausgeliefert.
Was Sie nicht tun müssen
Manche Optimierungen klingen eindrucksvoll, geben aber kaum Impact:
- Server upgraden, wenn die Seite bereits auf modernem Shared Hosting läuft. Der Engpass liegt selten am Server, fast immer an den Assets.
- Zu einem anderen CMS migrieren nur für Geschwindigkeit. Ein gut gewartetes WordPress oder Statamic kann schnell sein, eine schlecht gewartete Custom-Seite ist immer langsam.
- Caching-Plugins stapeln. Eine gut konfigurierte Schicht reicht. Mehrere Schichten erzeugen Konflikte.
Wie messen Sie es
Drei Tools, die ich täglich verwende:
- PageSpeed Insights (Google). Gibt Core Web Vitals: LCP (Geschwindigkeit des Hauptelements), CLS (springt das Layout?), INP (reaktionsfähig bei Interaktion?). Das ist auch, was Google ins Ranking einbezieht.
- WebPageTest.org. Zeigt ein Video, wie Ihre Seite aus verschiedenen Standorten lädt. Visuell praktisch, um Kollegen oder Kunden zu überzeugen.
- Cloudflare Web Analytics. Kostenlos, keine Cookies, gibt Real-User-Metrics über alle Besucher.
Wann holen Sie jemanden dazu
Wenn Ihre Website mehr als fünfzig Leads oder Kunden pro Monat liefert und der PageSpeed-Insights-Score auf mobil unter 70 liegt, verdient sich ein Optimierungs-Auftrag innerhalb von drei Monaten. Wenn Ihre Seite reine Visitenkarte ist, reicht oft ein schneller DIY-Check.
Lesen Sie auch
- Neue Website, gleicher Ansatz: erneut online - wie ich diese Prinzipien auf meiner eigenen Seite umsetze
- Was AI wirklich für Ihren Mittelstand bedeutet - Prozessautomatisierung mit AI, praktische Beispiele