Bilder effizienter ausliefern: kleinere Dateien, schnellere Seite

Bilder machen auf den meisten Websites den grössten Teil der Datenmenge aus. Auf deiner Startseite sind einige davon grösser als nötig, zum Beispiel ein Foto mit 4000 Pixeln Breite, das nur 800 Pixel breit angezeigt wird, oder ein JPEG, das als WebP deutlich kleiner wäre. Besonders auf dem Handy mit mobilem Netz verlängert das die Ladezeit.

Wie wir prüfen

Für alle Websites mit Wartungsvertrag lassen wir die Startseite etwa alle drei Tage mit Google Lighthouse prüfen, dem Analysewerkzeug von Google. Die Messung läuft über die Schnittstelle von PageSpeed Insights auf den Servern von Google, in der Desktop-Ansicht. Leitet die Startseite weiter, etwa auf /de/, gilt die Zielseite. Unterseiten prüfen wir nicht.

Einen Hinweis erhältst du, wenn sich durch passende Bildgrösse, bessere Komprimierung oder ein modernes Format mindestens 100 KB einsparen liessen. Der Befund nennt bis zu fünf Bilder mit dem jeweiligen Einsparpotenzial. Weil jede Prüfung eine Einzelmessung ist, schwankt der Wert leicht, und ein Befund nahe an der Schwelle kann von einer Prüfung zur nächsten kommen und gehen.

Was zu tun ist

• Bilder vor dem Hochladen auf die angezeigte Grösse verkleinern oder das CMS die passenden Grössen erzeugen lassen.
• Moderne Formate wie WebP oder AVIF verwenden. Webflow und TYPO3 können Bilder als WebP ausliefern, bei TYPO3 braucht es dafür die passende Konfiguration.
• Bilder, die erst weiter unten erscheinen, erst beim Scrollen laden (Lazy Loading).

Wir übernehmen die Optimierung gerne: Offerte anfragen.