Lass uns zusammen starten
Von der Idee zur Umsetzung – gemeinsam, effizient, individuell.
Einleitung
Slider im Header sind ein Klassiker: mehrere Bilder, wechselnde Botschaften, vermeintlich mehr Inhalt „above the fold“. In vielen Projekten treffe ich sie bereits an, wenn ich ins Projekt einsteige – oft, weil sie als gegeben gelten.
Dieser Artikel zeigt nicht, dass Slider grundsätzlich unmöglich sind. Sondern warum sie in typischen WordPress-Setups fast immer ein schlechter Startpunkt für guten LCP sind.
Der Tipp
„Der Slider bleibt – wir optimieren ihn einfach.“
Warum das plausibel klingt
Slider bestehen scheinbar „nur“ aus Bildern und etwas JavaScript. Viele Themes liefern sie direkt mit, oft inklusive Performance-Versprechen. Also liegt der Gedanke nahe: Bilder optimieren, Autoplay aus – Problem gelöst.
Hinweis aus der Praxis
Ja, Slider lassen sich performant umsetzen. In der Praxis bedeutet das jedoch deutlich mehr Aufwand – und sie sind selten der sinnvollste Einstieg, wenn es um Core Web Vitals geht.
Was wirklich passiert ist
- LCP-Werte bleiben instabil
- unterschiedliche LCP-Elemente je Messung
- First Paint verzögert sich
- Mobile deutlich schlechter als Desktop
Trotz optimierter Bilder und Caching blieb der Score unzuverlässig – besonders auf Mobilgeräten.
Warum das so ist
Slider kombinieren mehrere LCP-Killer auf einmal:
- Mehrere konkurrierende Bilder: Der Browser weiß nicht, welches das wichtigste ist
- JavaScript-Initialisierung: häufig vor dem Render
- Komplexe DOM-Struktur: Wrapper, Clones, Inline-Styles
- Lazy Loading auf dem ersten Slide: oft unbewusst aktiv
- CSS-Abhängigkeiten: Slider-CSS blockiert den Start
Für den Browser ist der „erste sichtbare Inhalt“ damit nicht eindeutig – und genau das schlägt direkt auf den LCP durch.
Was stattdessen geholfen hat
- Kein Slider im First View
Ein statisches Hero mit klarer Struktur - Ein eindeutiges LCP-Element
Ein oder eine Headline – nicht mehrere Kandidaten - Slider erst darunter
Oder nach dem First Paint initialisieren - Doppelte Funktionen vermeiden
Nicht 3 Komponenten für das gleiche Ziel (Slider + Theme-Slider + Gallery-Plugin) - JS und CSS verzögert laden
nicht grundsätzlich, aber da, wo es Sinn macht
Ergebnis: stabiler LCP, reproduzierbare Messwerte und kein sichtbarer Qualitätsverlust.
Kurzfazit
- Slider sind nicht per se schlecht – aber komplex.
- Für guten LCP braucht es ein klares, priorisiertes erstes Element.
- Ein statisches Hero ist fast immer der einfachere Weg.
Slider lassen sich optimieren – sie machen Performance aber unnötig kompliziert.
FAQ
Nein. Sie können aber indirekt schaden, wenn sie den LCP verschlechtern oder Inhalte verzögert sichtbar machen.
Ja – mit klarer Priorisierung, ohne Lazy Loading auf dem ersten Slide und mit verzögerter Initialisierung. Der Aufwand ist jedoch deutlich höher als bei einem statischen Hero.
