Mobil: Flüssigkeit schlägt Qualität

Über 60 % des weltweiten Webtraffics kommt inzwischen vom Smartphone, wie StatCounter seit Jahren bestätigt — und diese Zahl steigt weiter, statt zu sinken. Das verändert eine Frage, die jahrelang als selbstverständlich galt: „Welches Bild ist besser, das mit der höheren Qualität?" hat keine so einfache Antwort mehr, denn auf mobilen Geräten ist die Variable, die wirklich darüber entscheidet, ob jemand auf deiner Website bleibt oder abspringt, nicht, wie scharf das Foto ist — sondern, ob die Seite sofort reagiert oder ins Stocken gerät.

Weniger Bandbreite, weniger Geduld, beides gleichzeitig

Auf mobilen Geräten treffen zwei Faktoren zusammen, die auf dem Desktop fast nie gemeinsam auftreten: eine im Schnitt schlechtere Verbindung (mobile Daten, unregelmäßiger Empfang, geteilte Netze) und weniger Toleranz für Wartezeiten. Eine inzwischen klassische Studie von Google (2016) fand heraus, dass die Wahrscheinlichkeit, dass jemand eine mobile Seite verlässt, um 32 % steigt, wenn sich die Ladezeit von 1 auf 3 Sekunden erhöht — und danach noch deutlich weiter ansteigt. Es liegt nicht daran, dass Menschen auf mobilen Geräten grundsätzlich ungeduldiger sind; es liegt daran, dass das Smartphone von Natur aus das Gerät für „ich will es jetzt, nebenbei" ist — beim Gehen, in der U-Bahn, zwischen Aufgaben. Die verfügbare Geduld ist buchstäblich geringer.

Warum Flüssigkeit zur Priorität wurde

Google hat das 2021 mit den Core Web Vitals formalisiert, die explizit Flüssigkeit und Reaktionsfähigkeit messen — LCP (wie lange es dauert, bis der Hauptinhalt gerendert ist), INP (wie lange die Seite braucht, um zu reagieren, wenn du etwas berührst) — als direkte Rankingfaktoren. Davor konkurrierten viele Websites fast nur darüber, wie schön oder scharf jedes einzelne Bild aussah. Danach verschob sich der eigentliche Wettbewerb: Wer lädt schneller, und wer ruckelt nicht beim Scrollen — denn genau das misst Google, und genau das entscheidet wirklich, ob jemand bleibt.

Was das für deine Bilder in der Praxis bedeutet

• Setze Priorität auf Dateigröße statt auf maximale Auflösung. Wie wir im Artikel darüber gesehen haben, was das menschliche Auge unterscheiden kann, braucht es auf dem kleinen Bildschirm eines Smartphones fast nie die höchstmögliche Auflösung — dort hast du also Spielraum, stärker zu komprimieren, ohne dass es auffällt, und gewinnst echte Ladegeschwindigkeit.
• Nutze loading="lazy" bei Bildern außerhalb des ersten sichtbaren Bereichs.Nicht zu laden, was der Nutzer noch gar nicht sieht, ist die günstigste Flüssigkeits-Optimierung, die es gibt — ein HTML-Attribut, ohne jede Bibliothek.
• WebP oder AVIF, fast immer. Bei begrenzter mobiler Verbindung fällt die Gewichtsersparnis von 25-50 %, die diese Formate gegenüber JPG bringen (das haben wir im Format-Guide behandelt), viel deutlicher ins Gewicht als bei Glasfaser am Desktop, wo Bandbreite im Überfluss vorhanden ist.
• Vermeide den „Sprung" beim Laden. Wenn du bei jedem Bild immer width undheight angibst, kann der Browser den Platz reservieren, bevor das Bild eintrifft — das verhindert das abrupte Nachrücken der Seite, das sich wie Langsamkeit anfühlt, auch wenn es das technisch nicht ist.

Das heißt nicht, dass Qualität keine Rolle mehr spielt

Sie spielt eine Rolle, ist aber nicht mehr die Variable, die entscheidet, ob jemand bleibt oder geht — das ist die Flüssigkeit. Ein etwas weniger scharfes Bild, das sofort lädt, gewinnt in der echten Nutzererfahrung gegen ein perfektes Bild, das drei Sekunden braucht, um zu erscheinen. Die gute Nachricht ist, dass du fast nie zwischen beidem wählen musst: Mit der richtigen Kompression und dem richtigen Format bekommst du ein Bild, das praktisch genauso gut aussieht und deutlich schneller lädt — ohne den echten Kompromiss, der vor einem Jahrzehnt noch unvermeidlich schien.