LCP (Largest Contentful Paint) ist das Core-Web-Vital mit dem stärksten Ranking-Einfluss. Für Maklerwebsites, deren LCP oft das Hero-Bild ist, gibt es klare Optimierungsmaßnahmen.
8 Maßnahmen für LCP unter 2,0 s
Maßnahme 1: Hero-Image als WebP
Konvertieren Sie Ihr Hero-Bild in WebP. Zielgröße: unter 100 KB für 1440px-Breite. Tool: Squoosh.app (kostenlos, direkt im Browser).
Maßnahme 2: Hero-Image vorladen
<link rel="preload" as="image" href="/hero.webp" type="image/webp">
Im <head> der Seite. Sagt dem Browser: Lade dieses Bild sofort, bevor alles andere.
Maßnahme 3: Bildabmessungen definieren
Alle Bilder mit width und height im HTML – verhindert Layout-Shifts (CLS) und beschleunigt LCP.
Maßnahme 4: Server-Antwortzeit (TTFB) unter 200 ms
Gutes Hosting ist die wichtigste Grundlage. Kinsta, Hetzner VPS, WP Engine bieten zuverlässig niedrige TTFB. Shared Hosting von Ionos/Strato ist oft 400–800 ms TTFB.
Maßnahme 5: CDN aktivieren
Cloudflare kostenlos aktivieren: Statische Assets werden vom nächstgelegenen Edge-Server ausgeliefert. Typische LCP-Verbesserung: 200–500 ms.
Maßnahme 6: CSS kritisch inline
Den für Above-the-Fold kritischen CSS direkt im <head> als <style> inline. Restliches CSS defer laden.
Maßnahme 7: Render-blocking Ressourcen eliminieren
jQuery, Google Fonts, externe Scripts mit defer oder async laden, wenn möglich.
Maßnahme 8: Google Fonts lokal hosten
google-webfonts-helper.herokuapp.com – Fonts herunterladen und lokal hosten. Spart externen DNS-Lookup und Verbindungsaufbau.