Einleitung
Deine mobile Webseite lädt ewig und du verlierst Besucher, die nach drei Sekunden abspringen. Die Hauptursache für langsame mobile Seiten sind übergroße Bilder, die in voller Auflösung ausgeliefert werden, obwohl das Handy nur 1080p oder 1440p darstellt. Ein 6000-Pixel-Foto, das 5 MB wiegt, muss auf dem Handy runterskaliert werden, was Ladezeit kostet. Wenn du die Bildauflösung senkst, bevor du die Bilder auf die Webseite lädst, wird deine Seite drastisch schneller, ohne dass die Besucher einen Qualitätsverlust sehen. In dieser Anleitung zeigen wir, wie du die Bildauflösung senkst, um mobile Webseiten schneller laden zu lassen.
Warum das passiert
Mobilgeräte haben schnelle Prozessoren, aber mobile Internetverbindungen sind oft langsam und instabil, besonders in Zügen, auf dem Land oder im Ausland. Eine Webseite, die 5 MB an Bildern lädt, braucht auf einer 3G-Verbindung 30 Sekunden oder länger, und die meisten Besucher springen nach drei Sekunden ab. Google hat öffentlich gesagt, dass Page-Speed ein Ranking-Faktor ist, und langsame Seiten werden in den Suchergebnissen nach unten gedrückt. Das Problem: Die meisten Webseiten-Betreiber laden Bilder in voller Auflösung hoch, weil sie gut aussehen sollen, aber sie denken nicht daran, dass Mobilgeräte diese Auflösung gar nicht darstellen können. Ein 6000-Pixel-Foto auf einem 1080p-Handy wird auf 1080 Pixel runterskaliert, aber die 5 MB müssen trotzdem übertragen werden. Die Lösung ist, die Bilder vorher auf die Größe zu skalieren, die der Bildschirm tatsächlich braucht, und sie mit einer Qualität zu komprimieren, die auf Bildschirmen scharf bleibt. Für die meisten Smartphones sind 1280 bis 1920 Pixel an der längsten Kante völlig ausreichend.
3 Lösungen
Lösung 1: Browserbasierten Batch-Kompressor nutzen. Öffne den piczen Batch-Kompressor, zieh alle Webseiten-Bilder rein, setze die längste Kante auf 1280 Pixel für Mobilgeräte und die Qualität auf 75 Prozent. Lade die optimierten Bilder in deine Webseite.
Lösung 2: Responsive Bilder mit mehreren Auflösungen. Skaliere die Bilder in mehreren Größen, etwa 400 Pixel für Thumbnails, 800 für Tablet und 1280 für Handy, und lass die Webseite die passende Größe je nach Gerät ausliefern.
Lösung 3: Modernes Format wie WebP nutzen. Konvertiere JPGs zu WebP, das bei gleicher Qualität 25 bis 35 Prozent kleiner ist. Moderne Browser unterstützen WebP, ältere brauchen einen Fallback.
Schritt-für-Schritt-Anleitung
Öffne den Browser und lade das Batch-Compress-Tool. Öffne den Ordner mit deinen Webseiten-Bildern in einem separaten Fenster. Markiere alle mit Strg+A und zieh sie auf die Kompressor-Seite. Setze das Ausgabeformat auf JPG, falls deine Webseite kein WebP unterstützt, sonst auf WebP. Setze die Qualität auf 75 Prozent, was für Web-Nutzung der Sweet Spot ist. Setze die Skalierung auf die längste Kante 1280 Pixel, was für die meisten Mobilgeräte mehr als ausreicht, oder 1920 Pixel, wenn du auch große Desktop-Monitore bedienen willst. Klick auf Komprimieren und lass den Stapel laufen. Für 50 Bilder dauert das unter zwei Minuten. Lade das Zip herunter und entpacke es. Lade die optimierten Bilder in deine Webseite und prüfe die Ladezeit auf dem Handy. Sie sollte drastisch schneller sein. Prüfe außerdem ein paar Bilder auf dem Handy, um sicherzustellen, dass sie scharf und detailliert aussehen. Wenn ja, bist du fertig und deine mobile Webseite lädt schnell und sieht professionell aus.
Vor- und Nachteile
Die Bildauflösung zu senken, ist der effektivste Weg, mobile Webseiten schneller laden zu lassen, weil Bilder meist der größte Teil des Page-Weights sind. Der Vorteil: Schnellere Ladezeit, besseres Google-Ranking und geringere Absprungrate. Der Kompromiss ist die leichte Qualitätsminderung, die auf Mobilgeräten unsichtbar ist, aber auf großen Desktop-Monitoren auffallen kann. Wenn deine Webseite auch auf großen Monitoren scharf aussehen soll, liefer mehrere Auflösungen aus und lass die Webseite die passende Größe wählen. WebP ist der moderne Standard und spart weiteren Speicher, braucht aber einen JPG-Fallback für ältere Browser. Für die meisten Webseiten reicht die einmalige Optimierung mit 1280 Pixel und 75 Prozent Qualität, um die mobile Ladezeit drastisch zu senken. Die paar Minuten Arbeit zahlen sich durch zufriedenere Besucher und besseres Google-Ranking aus.