Bilder für die Website optimieren — der unterschätzte Bremsklotz

Wenn eine Website langsam lädt, liegt es in den meisten Fällen nicht am Server und nicht am Code. Es liegt an den Bildern. Und fast immer an einem einzigen Fehler.

Der Fehler, der überall passiert

Ein Foto kommt mit 4000 Pixel Breite aus der Kamera oder vom Fotografen und wird genau so hochgeladen. Angezeigt wird es dann in einem Bereich, der 600 Pixel breit ist. Der Browser lädt trotzdem die vollen 4000 Pixel und rechnet sie klein. Der Besucher wartet für Bildpunkte, die er nie zu sehen bekommt.

Was tatsächlich hilft

• In der benötigten Größe speichern. Wird ein Bild maximal 800 Pixel breit dargestellt, reichen etwa 1600 Pixel für scharfe Darstellung auch auf hochauflösenden Displays. Alles darüber ist verschenkt.
• Modernes Format nutzen. WebP liefert bei gleicher Qualität deutlich kleinere Dateien als JPEG. Der Unterschied liegt oft bei mehr als der Hälfte.
• Komprimieren, bevor Sie hochladen. Zwischen Qualitätsstufe 100 und 80 sieht kaum jemand einen Unterschied, die Datei aber schrumpft erheblich.
• Lazy Loading für alles unterhalb des sichtbaren Bereichs. Bilder, die erst beim Scrollen erscheinen, müssen nicht schon beim ersten Aufbau geladen werden.
• Breite und Höhe im Code angeben. Sonst springt das Layout beim Nachladen, und genau das bewertet Google negativ.

Der Nebeneffekt für die Suche

Jedes Bild braucht einen Alternativtext, der beschreibt, was zu sehen ist. Das ist zuerst eine Frage der Barrierefreiheit, hilft aber gleichzeitig der Bildersuche — ein Kanal, den die meisten kleinen Unternehmen komplett ungenutzt lassen.

Wenn Sie wissen möchten, wie viel Ladezeit auf Ihrer Website auf Bilder entfällt, messen wir das gerne unverbindlich für Sie.