Schluss mit langsamen Websites – messbar schneller
Jede Sekunde Ladezeit kostet Sie 7 % Ihrer Conversions. Ich finde heraus, was Ihre Website ausbremst, und behebe es – mit einem Vorher-Nachher-Bericht zu PageSpeed.
Für wen ist das?
Für alle, deren Website sich langsam anfühlt – ob Ihr PageSpeed-Score bei 40 oder 75 liegt: Ich erziele messbare Verbesserungen, die sich auf Rankings und Umsatz auswirken.
- ✓Unternehmen, deren Website bei PageSpeed Insights unter 70 liegt
- ✓Onlineshops, die durch einen langsamen Checkout Umsatz verlieren
- ✓Blogs und Content-Websites mit schwachen Core Web Vitals
- ✓Firmen, die sich um Googles Page-Experience-Rankingfaktor sorgen
- ✓Agenturen, die Performance-Optimierung für Kunden-Websites brauchen
Für wen ist das nicht?
- ✗Websites, die mobil bereits 90+ bei PageSpeed erreichen – hier liegen die Hebel wahrscheinlich woanders
- ✗Komplette Neuentwicklungen von Websites – dafür gibt es eine eigene Leistung (Website-Relaunch)
- ✗Websites, bei denen der Hosting-Server selbst der Engpass ist (Upgrade vom Shared Hosting nötig)
- ✗Einmalige Schnellkorrekturen ohne Performance-Budget für die laufende Pflege
Entwicklungsprozess
Von der Idee bis zum Deployment. Jede Phase hat klare Ergebnisse – Sie wissen immer, wo wir stehen.
Performance-Audit
Tag 1–2
Ich führe umfassende Diagnosen mit PageSpeed Insights, Lighthouse und WebPageTest durch. Jedes Asset – Bilder, Skripte, Schriften, Server-Antwort – wird gemessen. Sie erhalten eine nach Wirkung sortierte Liste, was zuerst behoben werden sollte.
Umsetzung der Optimierungen
Tag 2–5
Ich setze alle Maßnahmen direkt in Ihrer Codebasis oder Ihrem CMS um – nicht in einer Test-Sandbox. Jede Änderung wird einzeln getestet, um Rückschritte auszuschließen. Bilder erhalten automatisierte Pipelines, JavaScript wird aufgeteilt und verzögert geladen, Caching wird auf jeder Ebene konfiguriert.
Core Web Vitals beheben
Tag 4–7
Ich optimiere gezielt auf Googles drei Ranking-Grenzwerte: Largest Contentful Paint (max. 2,5 s), Cumulative Layout Shift (max. 0,1) und Interaction to Next Paint (max. 200 ms). Jede Kennzahl wird auf echten Geräten geprüft, nicht nur unter Laborbedingungen.
Prüfung & Bericht
Tag 7–10
Abschlussbericht mit PageSpeed-Scores im direkten Vergleich, Gegenüberstellung der Core Web Vitals und Ladezeit-Verbesserungen. Zusätzlich richte ich ein laufendes Monitoring ein, damit Sie sofort merken, wenn die Performance nachlässt.
In jedem Projekt enthalten
Jedes Projekt im Bereich Website-Speed-Optimierung enthält diese vorkonzipierten Kernkomponenten.
Pipeline zur Bildoptimierung
Automatische WebP-/AVIF-Konvertierung, responsive srcset-Generierung, Lazy Loading und CDN-Auslieferung. Bilder sind die Hauptursache langsamer Websites – ich sorge dafür, dass sie die Ladezeit nicht mehr belasten.
Analyse der JavaScript-Bundles
Webpack-/Rollup-Bundle-Analyse, Code Splitting, Tree Shaking und dynamische Imports. Ich finde und entferne ungenutzte Bibliotheken, doppelten Code und render-blockierende Skripte.
CDN- & Caching-Strategie
Cloudflare, Vercel Edge oder individuelle CDN-Konfiguration mit korrekten Cache-Headern, stale-while-revalidate und Service-Worker-Caching. Statische Assets kommen vom Edge-Standort, der Ihren Nutzern am nächsten ist.
Schriftoptimierung
Font-Subsetting, WOFF2-Komprimierung, Preload mit font-display: swap und Self-Hosting von Google Fonts. Kein unsichtbarer Text beim Laden, keine render-blockierenden Schrift-Requests.
Server- & Netzwerk-Tuning
TTFB-Optimierung, HTTP/2-Multiplexing, Connection Keep-Alive und Tuning des Origin-Servers. Wenn Ihr Server 1,5 s zum Antworten braucht, hilft keine Frontend-Optimierung.
Performance-Monitoring
Lighthouse CI, Web-Vitals-Bibliothek und RUM (Real User Monitoring). Sie erfahren von Performance-Rückschritten, bevor sich Ihre Nutzer beschweren.
Warum individuelle Optimierung Plugins schlägt
Caching- und Speed-Plugins für WordPress bringen Sie zu 80 % ans Ziel – doch die letzten 20 % entscheiden, ob Sie bei PageSpeed 70 oder 95 erreichen. Individuelle Optimierung setzt an Ihren konkreten Engpässen an.
Plugins reparieren keine Architektur
Ein Caching-Plugin entfernt kein ungenutztes JavaScript, konvertiert Ihre Bilder nicht zu AVIF und strukturiert Ihre CSS-Auslieferung nicht um. Es wendet generische Lösungen an. Individuelle Optimierung setzt an Ihrem konkreten Code und Content an.
Kein zusätzlicher Ballast
Speed-Plugins bringen eigenes JavaScript, CSS und Datenbank-Overhead mit. Ich habe schon ein „Speed-Optimierungs-Plugin“ gesehen, das 200 KB JS hinzufügte und die Seite langsamer machte. Individuelle Optimierung verursacht null Overhead.
Dauerhaft statt fragil
Plugin-basierte Optimierung bricht, sobald Sie das Plugin aktualisieren, das Theme wechseln oder neue Funktionen ergänzen. Individuelle Optimierungen sind fest in Ihrer Codebasis verankert und überstehen Updates.
Gemessen statt geraten
Jede Änderung wird vorher und nachher gemessen. Keine blinden „Optimierungen“, die vielleicht helfen – oder schaden. Sie sehen die genaue Wirkung jeder Änderung.
Individuelle Optimierung vs. Plugins
WordPress-Plugins und generische Optimierungstools sind besser als nichts. Für produktive Websites, die ranken und verkaufen sollen, geht individuelle Optimierung aber deutlich tiefer.
| Individuelle Entwicklung | Plugin-basierte Optimierung | |
|---|---|---|
| Bildoptimierung | WebP/AVIF mit responsivem srcset, automatisierte Pipeline | Einfache Komprimierung, keine Formatkonvertierung |
| JavaScript-Optimierung | Tree Shaking, Code Splitting, dynamische Imports | Nur Minifizierung, keine Bundle-Analyse |
| Caching-Strategie | Mehrstufig: CDN, Browser, Service Worker, stale-while-revalidate | Einstufig: Browser-Cache-Header |
| Schriftoptimierung | Subsetting, WOFF2, selbst gehostet, font-display swap | Google-Fonts-CDN (zusätzlicher DNS-Lookup) |
| Fokus auf Core Web Vitals | LCP, CLS, INP einzeln analysiert und behoben | Generische Einstellungen, keine Optimierung je Kennzahl |
| Performance-Monitoring | Lighthouse CI, Real User Monitoring, Alerts bei Rückschritten | Keins oder einfacher PageSpeed-Check |
| Zusätzlicher Overhead | Null – Optimierungen stecken in Ihrer Codebasis | Plugin bringt eigenen JS-/CSS-Ballast mit |
| Übersteht Updates | Ja – in der Architektur verankert | Nein – bricht bei Plugin-/Theme-Updates |
| Vorher-Nachher-Messung | Jede Änderung einzeln gemessen | Keine Messung pro Änderung |
| Laufende Pflege | Manuelle Prüfung bei jedem Release | Auto-Updates (können Optimierungen zerstören) |
Plugins schon ausprobiert, aber nicht die nötigen Scores erreicht? Individuelle Optimierung löst, was Plugins nicht können.
Website prüfen lassenErfahrung aus der Praxis
Ich habe Websites von PageSpeed 40 auf 90+ gebracht, CLS-Probleme auf bildlastigen Seiten behoben, JavaScript-Bundles um 60 % verkleinert und CDN-Caching-Strategien umgesetzt. Jede Optimierung wird in der Produktion getestet und nach dem Deployment überwacht.
Was Sie erhalten
Jedes Projekt umfasst diese Leistungen – keine Zusatzkosten, keine Überraschungen.
Umfassende Diagnose mit PageSpeed Insights, Lighthouse, WebPageTest und Tools zur Bundle-Analyse. Jedes Asset und jede Kennzahl als Ausgangswert dokumentiert.
Automatische Konvertierung zu WebP/AVIF, responsive srcset-Generierung, Lazy Loading und CDN-Auslieferung. Bilder laden nur bei Bedarf und in der richtigen Größe.
Ungenutzten Code per Tree Shaking entfernen, große Bundles aufteilen, nicht kritisches JavaScript verzögert laden und render-blockierende Ressourcen beseitigen.
Browser-Cache, CDN-Cache, Service-Worker-Cache und stale-while-revalidate – konfiguriert für optimale Performance bei wiederholten Besuchen.
LCP unter 2,5 s, CLS unter 0,1, INP unter 200 ms. Jede Kennzahl einzeln analysiert und behoben.
Subsetting auf die benötigten Zeichen, WOFF2-Komprimierung, Self-Hosting und Preload mit font-display swap.
Messbarer Vergleich jeder Kennzahl. Sie sehen genau, wie stark PageSpeed-Scores gestiegen, Ladezeiten gesunken und Core Web Vitals besser geworden sind.
Warum dieser Tech-Stack?
Jede Technologie wird aus gutem Grund gewählt – nicht nur, weil sie gerade beliebt ist.
Next.js Automatic Optimization
Next.js bietet Bildoptimierung, Strategien zum Laden von Skripten und automatische statische Generierung direkt ab Werk. Bei Next.js-Websites besteht der Großteil der Optimierung darin, die integrierten Werkzeuge richtig zu konfigurieren.
Cloudflare CDN
Edge-Caching, automatische Bildoptimierung, Brotli-Komprimierung und HTTP/2-Priorisierung. Cloudflare allein kann die TTFB für ein internationales Publikum um 40–60 % senken.
WebP + AVIF
WebP verkleinert Bilder gegenüber JPEG um 25–35 %. AVIF spart noch einmal 50 % mehr als WebP. Beide erhalten die visuelle Qualität. Für die meisten Websites ist das die wirkungsvollste Einzelmaßnahme.
Lighthouse CI
Automatisierte Performance-Tests in der CI/CD-Pipeline. Jedes Deployment wird vor dem Go-live auf Rückschritte geprüft. Senkt ein neues Feature den Score, bemerken Sie es sofort.
Service Workers + Workbox
Speichert kritische Assets vorab, liefert zwischengespeicherte Seiten auch offline und ermöglicht stale-while-revalidate. Wiederholte Besuche laden sofort aus dem Service-Worker-Cache.
Häufige Fehler vermeiden
Immer wieder sehe ich dieselben Muster, die vielversprechende Projekte ausbremsen oder scheitern lassen. Das sollten Sie vermeiden – und so helfe ich Ihnen dabei.
❌ Optimieren, ohne vorher zu messen
Lösung: Raten Sie nie, was langsam ist. Führen Sie vor jeder Änderung PageSpeed Insights, Lighthouse und WebPageTest aus. Ich erfasse jede Kennzahl als Ausgangswert, bevor ich etwas anfasse.
❌ Caching-Plugin installieren und fertig
Lösung: Caching hilft bei wiederholten Besuchen, nicht beim ersten. Die meisten Performance-Probleme betreffen den Erstbesuch: große Bilder, aufgeblähtes JavaScript, langsame Server-Antworten.
❌ Zu viele Schriften oder Schriftschnitte
Lösung: Jeder Schriftschnitt kostet 100–200 KB. Beschränken Sie sich auf 2–3 Schriftfamilien mit Subsetting. Hosten Sie selbst statt über das Google-Fonts-CDN, um DNS-Lookups zu vermeiden.
❌ Mobile Performance ignorieren
Lösung: Mobile Nutzer haben oft Verbindungen auf 3G-Niveau und langsamere CPUs. Wenn Ihre Website für Desktop mit 5G optimiert, aber mobil mit 4G langsam ist, optimieren Sie für die falsche Zielgruppe.
❌ Alles beim ersten Seitenaufruf laden
Lösung: Bilder unterhalb des sichtbaren Bereichs, nicht kritisches CSS, Analytics-Skripte, Chat-Widgets und Social-Media-Einbettungen verzögert laden. Nur laden, was der Nutzer sofort sieht.
❌ Nach der Optimierung nicht überwachen
Lösung: Performance verschlechtert sich mit der Zeit, wenn neue Funktionen, Bilder und Drittanbieter-Skripte hinzukommen. Richten Sie Lighthouse CI oder ein vergleichbares Monitoring ein, um Rückschritte zu erkennen.
Häufig gestellte Fragen
Welchen PageSpeed-Score können Sie garantieren?↓
Bei den meisten Websites ziele ich auf 85+ mobil und 95+ am Desktop. Der endgültige Score hängt von Ihren Inhalten und Ihrem Server-Setup ab, aber Sie erhalten immer einen Vorher-Nachher-Bericht mit messbarer Verbesserung.
Beeinflusst die Ladezeit das Google-Ranking?↓
Ja, direkt. Google nutzt die Core Web Vitals als Rankingfaktor. Eine langsame Website wird in den Suchergebnissen abgewertet und verliert ungeduldige Besucher. Mehr Geschwindigkeit verbessert meist Rankings und Umsatz zugleich.
Sieht meine Website nach der Optimierung anders aus?↓
Nein. Performance-Optimierung ist rein technisch – Bilder laden schneller, JavaScript wird kleiner, das Caching wird besser. Das visuelle Design bleibt unverändert.
Wie lange halten die Verbesserungen an?↓
Dauerhaft – es sei denn, Sie fügen später unoptimierte Inhalte hinzu. Ich liefere eine Dokumentation, wie Sie die Performance halten, während Ihre Website wächst.
Passende Fallstudien
Sehen Sie sich die Fallstudie zu CanvasInc an – dort wurde eine langsame WordPress-Website auf eine performance-optimierte Next.js-Plattform migriert, mit messbaren Geschwindigkeitsgewinnen.
Webentwicklung
CanvasInc
Eine hochwertige Next.js-Plattform, die WordPress durch ein individuelles Headless CMS ersetzt – damit ein Luxus-Interior-Design-Studio aus Mumbai seine Inhalte selbstständig pflegen kann.
Fallstudie ansehen →
Gastronomie-Tech / SaaS
ProfitPlate
Konzeption und Entwicklung einer Rentabilitätsplattform für Restaurants – mit Business-Rechnern, technischem SEO sowie einer produktionsreifen Web- und Android-App für fundiertere Preisentscheidungen.
Fallstudie ansehen →Aus dem Blog
Fachartikel rund um Website-Speed-Optimierung – geschrieben während der Arbeit an echten Produkten.
Ihr Ökosystem erweitern
Erfolg im Bereich Website-Speed-Optimierung braucht mehr als eine einzelne Lösung. Diese ergänzenden Leistungen bringen Sie weiter.
Website-Relaunch
Modernisieren Sie Ihre gesamte Website und verankern Sie Performance-Optimierung von Grund auf.
Leistung ansehen →SEO & technische Optimierung
Geschwindigkeit und SEO gehören zusammen. Optimieren Sie beides für bessere Rankings und Nutzererlebnisse.
Leistung ansehen →E-Commerce-Entwicklung
Performance-optimierte Onlineshops, die schnell laden und besser verkaufen. Geschwindigkeit wirkt sich direkt auf den E-Commerce-Umsatz aus.
Leistung ansehen →Ressourcen & Tools
Nutzen Sie diese kostenlosen Tools und Ratgeber, um Ihr Projekt vor unserem Gespräch zu planen.
Projektkosten-Rechner
Erhalten Sie eine realistische Schätzung basierend auf Plattformen, Funktionen und Komplexität.
Projekt kalkulieren →SaaS-MVP-Planungsassistent
Beantworten Sie ein paar Fragen und erhalten Sie einen persönlichen Planungsbericht mit konkreten nächsten Schritten.
Planung starten →Ressourcen für Gründer
Vergleichsratgeber, Checklisten und Vorlagen für bessere technische Entscheidungen.
Ressourcen ansehen →Verwandte Leistungen
Webanwendungen entwickeln
Individuelle Web-Apps – schnell entwickelt, weltweit ausgeliefert
Leistung ansehen ->App-Entwicklung
iOS- und Android-Apps – plattformübergreifend oder nativ
Leistung ansehen ->SaaS-Produktentwicklung
SaaS-Produkt entwickeln und launchen – vom MVP bis zur Skalierung
Leistung ansehen ->Bereit loszulegen?
Erzählen Sie mir von Ihrem Projekt (Website-Speed-Optimierung) – innerhalb von 4 Stunden erhalten Sie eine ehrliche Einschätzung und ein Angebot. Wenn es für Ihr Team einfacher ist, buchen Sie gern direkt ein Gespräch.