Bilder beeinflussen die Ladezeit einer Webseite maßgeblich. Wenn man die Bildgröße oder die Bildqualität reduziert, wird das Laden der Seite beschleunigt. Das klingt einfach, ist es aber nicht.
Warum nicht?
- Deine Bilder sollten für Deine Besucher ansehnlich sein. Eine zu geringe Bildqualität lässt sie nicht mehr ansprechend wirken.
- Immer mehr Nutzer verwenden hohe DPI-Auflösungen. Damit Bilder auch bei diesen scharf aussehen, müssen sie in einer höheren Auflösung bereitgestellt werden.
Tipp: Oft lässt sich bei einer höheren Bildauflösung unter Verwendung des JPEG-Formats die Bildqualität noch etwas stärker reduzieren, ohne dass es optisch besonders auffällt.Auf das Ranking bei Google kann sich eine hohe Ladezeit ebenfalls auswirken. Allerdings unterscheidet Google an dieser Stelle nur zwischen Seiten mit einer „normalen“ Ladegeschwindigkeit und Seiten, die „extrem“ langsam sind (siehe Hangout vom 14.11.2017, Position 12:31). Von daher sollten ein paar Prozent mehr Dateigröße noch kein Auslöser für ein schlechteres Ranking sein. Dennoch sollte man allein aus Usability-Gründen die Ladezeiten seiner Seiten so niedrig wie möglich halten. Verschiedene Auswertungen haben wenig überraschend ergeben, dass die Ladezeit direkt mit der Absprungrate zusammenhängt. Browser-Caching optimieren Doch die Auswahl des passenden Dateiformats und der optimalen Bildgröße ist noch nicht alles. Wenn Deine Website auf einem Apache-Server liegt, kannst Du die Ladezeit für wiederkehrende Besucher durch recht simple Anweisungen in der .htaccess-Datei weiter senken. Und zwar durch die Optimierung des Browser-Cachings. Die folgenden Anweisungen sorgen dafür, dass Deine JPEG-Bilder einen Monat lang im Browser-Cache Deiner Besucher gespeichert werden. Wenn ein Besucher Deine Website innerhalb eines Monats erneut besucht, werden die Grafiken nicht mehr von Deiner Website geladen, sondern direkt von der Festplatte des Besuchers – sofern dieser nicht zwischenzeitlich seinen Browser-Cache geleert hat: ExpiresActive On ExpiresByType image/jpeg "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType [weitere Dateitypen…] Mit dem Google-Tool PageSpeed Insights kannst Du testen, wie sich die Ladezeit Deiner Seiten durch verschiedene Maßnahmen verändert. Möglicherweise wird Dir von diesem Tool empfohlen, Deine Bilder trotz bereits guter Kompressionsraten noch stärker zu komprimieren – oft wird einem suggeriert, dass man beispielsweise weitere 50 %, gemessen an der Dateigröße, einsparen könnte. Das ist häufig nicht realistisch, denn dann wäre die Bildqualität derart schlecht, dass die Bilder sich nicht mehr gut ansehen ließen.
Tipp zum Schluss: Durch das Auslesen der Bildschirmbreite hat man auch die Möglichkeit, Grafiken direkt in der passenden Größe an den Besucher auszuliefern. Viele Content-Management-Systeme machen das bereits automatisch.