Bilder-Wartung im Shop: WebP, AVIF und schnelle Ladezeit

Bilder sind der stille Umsatzkiller im Shop-Betrieb. Sie fallen nicht wie ein Serverausfall sofort auf, sie machen die Seite nur Stück für Stück schwerer. Die Zahlen aus dem HTTP Archive belegen das eindrucksvoll: Auf der medianen Mobilseite entfallen rund 911 KB (Web Almanac 2025 / HTTP Archive) auf Bilder – das ist der mit Abstand größte einzelne Ressourcentyp, schwerer als JavaScript, CSS und Schriften zusammen. Das gesamte mediane mobile Seitengewicht ist auf rund 2,56 MB (Web Almanac 2025 / HTTP Archive) geklettert und hat sich damit gegenüber der Situation vor zehn Jahren etwa verdreifacht. Wer die Ladezeit im Griff behalten will, muss also zuerst bei den Bildern ansetzen – kein anderer Bereich bringt bei so geringem Risiko so viel Gewicht auf die Waage.

Dabei ist nicht die einzelne Datei das Problem, sondern die Masse. Das mediane Bild im Web wiegt nur rund 12 KB (Web Almanac 2025 / HTTP Archive) – völlig harmlos. Doch eine mediane Mobilseite lädt rund 15 Bilder (Web Almanac 2025 / HTTP Archive), und das 75. Perzentil des größten Bildes pro Seite liegt bereits bei 404 KB (Web Almanac 2025 / HTTP Archive). Das bedeutet: Auf jeder vierten Seite gibt es mindestens ein Motiv, das allein fast ein halbes Megabyte verschlingt – typischerweise das große Hero- oder Produktbild, das die Nutzer als Erstes sehen. Genau dieses Bild bestimmt die wahrgenommene Ladezeit. Ohne eine laufende Performance-Überwachung bleibt so ein Ausreißer oft monatelang unbemerkt, während die Absprungrate leise steigt.

Der häufigste Grund, warum ein einmal optimierter Shop wieder langsam wird, heißt Format-Drift. Gemeint ist die schleichende Rückkehr unkomprimierter Bilder in den laufenden Betrieb: Ein Redakteur lädt ein Produktfoto direkt aus der Kamera hoch – 4.000 Pixel breit und mehrere Megabyte schwer. Der Shop skaliert es zwar in der Anzeige herunter, liefert aber die riesige Originaldatei aus. Eine Marketing-Agentur schickt Kampagnenbanner als unkomprimiertes PNG. Ein neues Plugin bringt eigene Bilder mit, die niemand geprüft hat. Jeder einzelne Fall wirkt harmlos, in Summe kippt die Ladezeit langsam ins Rote.

Format-Drift ist kein technisches, sondern ein organisatorisches Problem – und genau deshalb lösen einmalige Optimierungen es nicht. Solange Menschen Bilder hochladen, wird es passieren. Die Antwort ist eine automatische Bild-Pipeline, die jedes eingehende Bild abfängt, herunterrechnet, komprimiert und in moderne Formate umwandelt, bevor es je an einen Besucher ausgeliefert wird. So wird aus einer Frage der Disziplin eine Frage der Technik. Ähnlich wie bei der laufenden Broken-Link- und Redirect-Pflege gilt: Was nicht kontinuierlich überwacht wird, verfällt im Betrieb von selbst wieder.

Kleine Dateien allein reichen nicht – entscheidend ist auch, wann und in welcher Größe ein Bild geladen wird. Lazy Loading sorgt dafür, dass Bilder erst geladen werden, wenn sie in den sichtbaren Bereich rücken. Das native Attribut loading='lazy' ist heute in allen aktuellen Browsern verfügbar und braucht keine zusätzliche Bibliothek. Auf einer langen Kategorieseite mit vielen Produkten spart das enorm: Statt aller fünfzehn oder mehr Bilder lädt der Browser zunächst nur die tatsächlich sichtbaren. Wichtig ist dabei die Ausnahme für das große Bild oberhalb der Falz – dieses sollte gerade nicht verzögert werden, weil es die wahrgenommene Ladezeit unmittelbar bestimmt.

Responsive Bilder über die Attribute srcset und sizes sorgen dafür, dass jedes Gerät genau die passende Größe erhält. Ein Smartphone mit 400 Pixel breiter Anzeige lädt dann eine kleine Variante, ein großer Desktop-Monitor die große – statt dass alle dieselbe überdimensionierte Datei bekommen. In Kombination mit modernen Formaten ergibt das den maximalen Effekt: das richtige Format in der richtigen Größe zur richtigen Zeit. Diese Technik ist Teil der offenen Webstandards (W3C) und wird von allen relevanten Browsern verstanden. Unsere Monitoring-Leistungen prüfen laufend, ob diese Mechanismen im Betrieb tatsächlich greifen und nach Updates erhalten bleiben.

Damit die Bild-Qualität nicht dem Zufall überlassen bleibt, gehört sie als fester Baustein in den Wartungsvertrag. Konkret bedeutet das: eine definierte Bild-Pipeline mit vereinbarten Obergrenzen für Dateigröße und Pixelbreite, ein regelmäßiger Abgleich, ob neue Uploads und Plugins diese Grenzen einhalten, sowie ein laufendes Monitoring von LCP und Seitengewicht. So wird aus der einmaligen Optimierung ein Dauerzustand. Unsere Wartungsleistungen fassen genau diese Bausteine zusammen – von der Ersteinrichtung der Pipeline über die Massenkonvertierung des Altbestands bis zur monatlichen Kontrolle der Kennzahlen.

Der wirtschaftliche Nutzen ist unmittelbar: Eine schnellere Seite verbessert die Nutzererfahrung, senkt Abbrüche und wirkt positiv auf die Suchmaschinen-Sichtbarkeit. Gleichzeitig entlastet eine automatische Pipeline die Redaktion, die sich nicht mehr um Formate und Kompression kümmern muss. Welche Leistungen in einem solchen Vertrag sinnvoll gebündelt werden, zeigt die Übersicht der Wartungspakete und Preise. Wer die Bild-Wartung mit weiteren Betriebsthemen wie aktuell gehaltenen Rechtstexten und der Datenbank- und Medienpflege kombiniert, hält den gesamten Shop dauerhaft in Form – technisch, rechtlich und beim Tempo.