Langsames Laden von Bildern

Das Laden von Bildern ist einer der größten Faktoren, die die Geschwindigkeit einer Website beeinflussen. Gleichzeitig sind sie aber auch ein wesentlicher Bestandteil einer Website. Wie gehen Sie also am besten mit Bildern um? Mit Lazyloading und Optimierung. Lesen Sie weiter für die Tipps!

Bilder oder Fotos auf einer Website tragen viel dazu bei. Von der Überzeugung bis zum Verkauf, um einen Punkt deutlich zu machen, der sonst eine halbe Seite Text in Anspruch nehmen würde. Ein relevantes Bild, das etwas hinzufügt, erhöht auch die Zeit, die ein Besucher auf einer bestimmten Seite verbringt und konvertiert daher besser. Leider können bei der Verwendung von Bildern auf einer Website einige Dinge übersehen werden.

Optimieren von Bildern und Größenänderung

Die Optimierung von Bildern und Medien ist ein Punkt, der auch von Ihrer Website abhängen kann. Wenn Sie ein Theme verwenden, kann es eine spezielle Präferenz bezüglich der Größe eines Bildes haben. Wir empfehlen immer, Bilder lokal auf Ihrem Computer zu beschneiden und zu bearbeiten. Nicht auf der Website selbst. Dadurch entstehen oft unnötig große Dateien mit unlogischen Namen. Dadurch verlieren Sie irgendwann den Überblick.

Das Beschneiden oder Ändern der Pixel eines Bildes kann natürlich in Photoshop oder einem kostenpflichtigen Programm erfolgen. Sie können aber auch Paint 3D in Windows verwenden. Es ist Ihnen überlassen, womit Sie beschneiden möchten. Für die meisten Bilder verwenden wir entweder 900 Pixel Breite oder 1204 für die größeren Bilder, die mehr Details benötigen. Als nächstes können Sie die Website tinypng verwenden, um das Bild zu komprimieren. Dadurch wird das Bild ohne großen Qualitätsverlust komprimiert. Und bringt ein Bild von 1 MB wieder auf eine viel kleinere Größe. Eine weitere Sache, die Sie bei der Erstellung von Bildern oder Fotos für Produkte berücksichtigen können, ist die Wahl eines neutralen Hintergrunds. Zum Beispiel verhindern Grashalme oft, dass ein Bild so klein ist wie ein neutraler Hintergrund wie eine weiße Wand.

Seien Sie also ein wenig kreativ bei der Erstellung der Fotos, die auf Ihrer Hosting-Website erscheinen werden.

Solange Sie weniger als 100 KB pro Bild haben, ist das normalerweise in Ordnung. Mehr als das und Sie werden feststellen, dass sich die Ladezeit verringert. Besonders für mobile Geräte wird dies über z.B. eine 3G-Verbindung ein Ärgernis sein. Dies ist nicht nur wichtig für die Benutzerfreundlichkeit Ihrer Besucher. Aber auch für Suchmaschinen wie Google, Bing oder DuckDuckGo. Sie berücksichtigen dies ebenfalls.

Lazyloading von Bildern, was ist das?

Unter Lazyloading von Bildern versteht man das Laden von Bildern erst dann, wenn es für den Benutzer sichtbar wird. In den meisten Fällen wird dies mit einem Stück Javascript-Code erledigt. Diese Code-Sprache kümmert sich auch um viele andere Dinge, die eine Website dynamisch machen. Wenn also ein Bild tatsächlich benötigt wird, wird es geladen.

Dies hat den großen Vorteil, dass die anfängliche Ladezeit einer kompletten Webseite viel kleiner sein kann. Kleinere Web-Seiten bedeuten eine schnellere Ladezeit auf fast allen Geräten. Dies kann also eine große Auswirkung haben.

Wenn Sie z.B. eine Portfolio-Website für Ihre Fotografie haben, dann ist dies fast unverzichtbar, um sich zu bewerben. Besonders große Bilder, die möglichst gut sein sollen, lassen sich viel besser laden als alles auf einmal.

Lazyloading in WordPress

Mit dem letzten großen Core-Update von WordPress ist dies Standard im Core. Das bedeutet, dass hierfür kein zusätzliches Plugin benötigt wird, wie es vorher der Fall war. Dies hat den großen Vorteil, dass keine externen Parteien oder Code mehr benötigt werden, um dies zu realisieren. Weniger Plugins bedeutet auch, dass eine WordPress-Website schneller geladen werden kann und weniger anfällig für Sicherheitsprobleme ist. Plugins müssen aktualisiert werden, um eine WordPress-Website sicher zu halten. Veraltete Plugins können ein Einstiegspunkt für böswillige Benutzer sein, um in Ihre Website einzudringen und sie zu kontrollieren.

Wenn Sie sich darüber keine Gedanken mehr machen wollen, werfen Sie einen Blick auf unsere Managed WordPress Hosting-Pakete. Wir kümmern uns um all das für Sie. So können Sie sich auf das konzentrieren, was Ihre Website erfolgreich macht!

Wenn Sie ein zusätzliches Plugin für diesen Zweck installiert haben, können Sie es mit dem letzten Update von WordPress entfernen. Dies kann zu Konflikten zwischen dem Kern und dem Plugin führen. Alle diese Plugins sind mit dem letzten WordPress-Hosting-Update nicht mehr relevant.

Lazyloading von Bildern in anderen Content-Management-Systemen

Lazyloading von Bildern in anderen Content Management Systemen oder CMS kann mit einem Plugin erreicht werden oder indem man es selbst in den Code einfügt. Es gibt mehrere Online-Tutorials, die zeigen, wie Sie dies für Ihre Website tun können. Oft ist dies aus den oben genannten Gründen eine sinnvolle Ergänzung zu Ihrer Website.

Haben Sie bereits Lazyloading auf Ihrer Website implementiert? Tun Sie es jetzt, um das Benutzererlebnis noch besser zu machen!