Warum Ladezeit Umsatz ist
Der Zusammenhang ist trivial und wird trotzdem unterschätzt: Wer wartet, springt ab. Auf mobilen Verbindungen entscheidet sich in den ersten zwei Sekunden, ob jemand bleibt. Für lokale Anbieter ist das besonders teuer, weil mobile Nutzer meist konkrete Kaufabsicht haben – sie suchen jemanden, der heute Zeit hat, nicht Inspiration.
Hinzu kommt der Ranking-Effekt: Die Core Web Vitals sind ein Signal unter vielen. Sie machen aus einer schlechten Seite keine gute, aber bei vergleichbarer Relevanz entscheiden sie mit. Und sie beeinflussen jede einzelne Conversion auf der Seite – das ist der wichtigere Teil.
Richtig messen
Der häufigste Fehler: Man testet einmal am Desktop im Büro-WLAN und ist zufrieden. Aussagekräftig sind Felddaten – also die Werte echter Besucher, wie sie Google im Chrome User Experience Report sammelt.
- PageSpeed Insights aufrufen und den oberen Block „Daten echter Nutzer“ lesen, nicht nur den Lighthouse-Score darunter.
- In der Search Console den Bericht „Core Web Vitals“ öffnen – dort sehen Sie betroffene URL-Gruppen statt Einzelseiten.
- Immer Mobil zuerst bewerten. Der Desktop-Wert ist fast immer besser und fast immer irrelevant.
- Nicht nur die Startseite testen, sondern eine Leistungsseite und eine Referenz- oder Blogseite.
Score ≠ Ladezeit
Bilder: der größte Hebel
In neun von zehn langsamen Mittelstandsseiten sind Bilder die Hauptursache. Typisch: ein 4.500 Pixel breites Foto direkt aus der Kamera, 6 MB groß, per CSS auf 800 Pixel heruntergerechnet. Der Browser lädt trotzdem alle 6 MB.
- Format wechseln: WebP oder AVIF statt JPEG spart je nach Motiv 30 bis 60 Prozent
- Nur so groß ausliefern wie angezeigt – mit srcset verschiedene Größen für Handy, Tablet, Desktop
- Breite und Höhe im HTML angeben, damit beim Laden nichts springt
- Alles unterhalb des sichtbaren Bereichs mit loading="lazy" nachladen
- Das erste große Bild (meist das Hero-Bild) hingegen mit Priorität laden, nicht lazy
- Hintergrundvideos auf der Startseite kritisch hinterfragen – sie kosten oft mehrere Megabyte für null Mehrwert
Schriften und Layout
Webfonts blockieren die Textdarstellung, wenn sie falsch eingebunden sind. Zwei Regeln reichen meist: Schriften selbst hosten statt von Google-Servern zu laden – das ist auch datenschutzrechtlich der sichere Weg – und nur die tatsächlich verwendeten Schnitte einbinden. Drei Schriftstärken einer Familie genügen für nahezu jedes Projekt.
Mit font-display: swap erscheint der Text sofort in einer Systemschrift und wird ersetzt, sobald die Webschrift da ist. Wichtig dabei: eine Fallback-Schrift mit ähnlichen Maßen wählen, sonst springt das Layout beim Austausch – und genau das misst Google als Cumulative Layout Shift.
Skripte und Drittanbieter
Jedes eingebundene Fremdskript ist ein Versprechen, das ein anderer Server einhalten muss. Chat-Widgets, Bewertungs-Slider, Karten, Tracking, Schriftbibliotheken, ein vergessenes A/B-Testing-Tool: Zusammen bremsen sie die Interaktivität – und schlagen bei der Interaction to Next Paint durch.
- Inventur: Alle geladenen Drittanbieter im Netzwerk-Tab der Entwicklertools auflisten.
- Streichen, was in den letzten sechs Monaten keinen erkennbaren Nutzen gebracht hat.
- Google Maps nicht direkt einbetten, sondern als Vorschaubild mit Klick-zum-Laden – spart Ladezeit und Consent-Probleme.
- Chat-Widgets erst nach Nutzerinteraktion oder mit Verzögerung laden.
- Tracking über eine saubere Consent-Lösung steuern, damit vor der Einwilligung gar nichts lädt.
Hosting und Auslieferung
Das billigste Shared-Hosting-Paket ist selten die Ursache, aber oft der Deckel: Wenn der Server 800 Millisekunden braucht, bevor er das erste Byte schickt, kann kein Frontend-Trick das ausgleichen. Achten Sie auf eine Antwortzeit (TTFB) unter 200 Millisekunden, aktuelle PHP- bzw. Runtime-Versionen, HTTP/2 oder HTTP/3, Serverstandort in Europa und aktives Caching. Ein CDN lohnt sich, sobald Sie überregional oder international Besucher haben.
Fazit
Reihenfolge nach Wirkung pro Aufwand: erst Bilder, dann Drittanbieter-Skripte, dann Schriften, zuletzt Hosting. Diese vier Schritte bringen bei den meisten Mittelstandsseiten mehr als jede aufwendige Umprogrammierung – und sie wirken sofort auf Absprungrate und Anfragen. Wenn Sie wissen möchten, wo Ihre Seite konkret steht, finden Sie unter Webdesign den Einstieg.