Seite 6 von 7
Lazy Loading gezielt deaktivieren (Hero-Bild)
Möglichkeit 1 – Im Template
Wenn du mit Helix Ultimate arbeitest:
Im Custom HTML Modul: Bild manuell einfügen:
<img src="bild.webp" loading="eager" data-alt="Beschreibung">
„eager“ bedeutet: Sofort laden.
Möglichkeit 2 – Per CSS/JS (fortgeschritten)
Kann man über Template-Override steuern, ist aber für dich nicht nötig.
Wichtige Kontrolle
Nach Aktivierung prüfen mit:
Browser → Rechtsklick → Untersuchen → Bild markieren
Du solltest sehen:
type="image/webp"
loading="lazy"
Dann funktioniert es.