Lazy Loading
Lazy Loading bezeichnet das verzögerte Nachladen von Bildern, iframes oder Skripten erst dann, wenn sie ins Sichtfeld scrollen, statt alles sofort beim Seitenaufruf zu laden. Das senkt die initiale Ladezeit und spart Datenvolumen, besonders auf bildlastigen Seiten.
Für dich als Webdesigner ist Lazy Loading eines der unauffälligsten und zugleich wirksamsten Werkzeuge, um die Ladezeit der Seiten deiner Kunden zu drücken. Statt beim ersten Aufruf jedes Produktfoto, jede Galerie und jeden Karten-iframe gleichzeitig vom Server zu ziehen, lädt der Browser nur, was sofort sichtbar ist, und holt den Rest nach, sobald der Besucher scrollt. Das Beste daran: Du brauchst dafür kein Plugin und kein JavaScript mehr. Das native Attribut loading="lazy" wird von praktisch allen aktuellen Browsern verstanden und ist in einer Zeile gesetzt.
Der Haken, der in der Praxis am meisten Schaden anrichtet: Wenn du Lazy Loading pauschal auf alle Bilder legst, also auch auf das Hero-Bild oder das, was ohne Scrollen sichtbar ist, sabotierst du genau die Core Web Vitals, die du eigentlich verbessern wolltest. Das größte sichtbare Element oben (dein typischer LCP-Kandidat) wird dann künstlich verzögert, statt sofort zu erscheinen. Die Faustregel: alles oberhalb der Falz lädt eager (Standard) und bekommt beim LCP-Bild zusätzlich fetchpriority="high", alles unterhalb bekommt loading="lazy". Diese eine saubere Trennung holt auf bildschweren Seiten spürbar Ladezeit heraus.
Genau hier liegt auch ein Akquise-Hebel für dich. Viele ältere Websites lokaler Unternehmen laden zwanzig hochauflösende Fotos auf einmal, ungedrosselt, ohne Priorisierung. Wenn findflix dir solche Kandidaten mit schwachem Performance-Profil ausspielt, ist Lazy Loading oft der konkrete, leicht erklärbare Quick Win, mit dem du im Erstgespräch sofort Kompetenz zeigst, ohne gleich einen kompletten Relaunch verkaufen zu müssen.