Spring GDS 25. Jubiläum
Ein Logistikunternehmen, das in 190 Länder versendet, hat etwas gebaut, um an sich selbst zu liefern.
Lazy loading
Was ist Lazy Loading?
Lazy Loading bedeutet, das Laden einer Ressource bis zu dem Moment zu verzögern, in dem sie tatsächlich gebraucht wird. Statt jedes Bild, jedes Skript und jede Komponente schon beim ersten Öffnen der Seite zu holen, lädt der Browser die sichtbaren Teile und hält den Rest zurück. Inhalte weiter unten laden, während der Nutzer dorthin scrollt. Die anfängliche Last schrumpft, und die Seite wird schneller nutzbar.
Es betrifft mehrere Dinge. Bilder und iframes unterhalb der Falz laden auf Abruf, was der Browser inzwischen nativ mit einem einzigen Attribut loading="lazy" unterstützt. JavaScript-Bundles werden aufgeteilt, sodass eine Route oder eine schwere Komponente erst geholt wird, wenn jemand dorthin navigiert, oft Code Splitting genannt. Bei einer langen Produktliste oder einem medienreichen Artikel kann Lazy Loading den anfänglichen Download deutlich senken, was Core Web Vitals wie den Largest Contentful Paint in die richtige Richtung bewegt.
Der Haken ist, dass es mit Sorgfalt geschehen muss. Etwas verzögert zu laden, das sofort sichtbar ist, verzögert genau das, was der Nutzer sehen will, und schadet der Erfahrung, die Sie verbessern wollten. Spät ladende Inhalte können auch von Suchmaschinen-Crawlern übersehen werden oder das Layout springen lassen, wenn kein Platz reserviert ist. Die Kunst liegt darin, zu wissen, was zu verzögern und was vorab zu laden ist.
Lazy Loading bei Dallonses
Wir behandeln Lazy Loading als einen Zug innerhalb eines echten Performance-Budgets, nicht als Schalter, den wir umlegen und vergessen. Bei einer inhaltsreichen Website, die auf Mobilgeräten langsam lud, verzögerten wir abseitige Medien, teilten das JavaScript nach Route auf und reservierten Layout-Platz, damit beim Nachladen nichts sprang. Die Seite wurde beim ersten Laden leichter, und die Core-Web-Vitals-Werte stiegen, was für Nutzer und für das Suchranking zählt.
Performance und SEO sind für uns dasselbe Gespräch, und Lazy Loading liegt dort, wo sich beide treffen. In unserer Webentwicklung messen wir, was wirklich lädt, entscheiden bewusst, was zu verzögern ist, und prüfen, dass Crawler die zu indexierenden Inhalte weiterhin sehen. Schnell für Menschen, sichtbar für Google, mit nichts Wichtigem hinter einem Scroll versteckt, den die Suchmaschine nie macht.
Lädt die Seite beim ersten Aufbau schwer? Finden wir heraus, was warten kann und was nicht.
Verwandte Dienstleistungen
Verwandte Arbeiten
Vizitio
Eine Marke in ein funktionierendes Geschäft verwandeln.
Access Ticket
Eine halbe Million Menschen. Eine App. Null Chaos.
Bereit zum Zusammenarbeiten?
Termin buchen
