Keine Bilder laden, die noch nicht im Bild sind
Eine Website mit vielen Bildern kann langsamer laden. Sie sehen dann Bilder laden, die noch nicht zu sehen sind. Was bedeutet „Bilder laden“, die noch nicht angezeigt werden, und wie lösen Sie dieses Problem? Wir erklären es Ihnen auf dieser Seite.
Was bedeutet Bilder laden, die noch nicht angezeigt werden?
Bilder, die noch nicht angezeigt werden, werden nicht geladen, wenn Sie mehrere Bilder auf einer Seite haben, aber nur eines von ihnen sofort beim Laden der Seite angezeigt wird. Sie werden die Seite erst sehen, wenn alle anderen Bilder ebenfalls geladen sind.
Bilder schneller laden mit Lazy Loading
Es gibt eine praktische Lösung, um Bilder, die noch nicht angezeigt werden, nicht zu laden: das Prinzip des „Lazy Loading“. Dabei wird ein Bild erst geladen, wenn es fast zu sehen ist. Das erste Rendering ist daher viel schneller. Dieses „Lazy Loading“ ist unter anderem bei Wix und WordPress bereits standardmäßig aktiviert.
Die Empfehlung zum Laden von Bildern erhalten Sie mit Google pageSpeed Insights.
Auswirkungen des Ladens von Bildern, die noch nicht angezeigt werden, auf SEO
Das Laden von Bildern, die nicht angezeigt werden, wirkt sich in gewisser Weise auf die Suchmaschinenoptimierung einer Website oder Seite aus. Wenn Bilder nicht geladen werden, dauert das sehr lange, und das ist für den Besucher der Website nicht angenehm. Darüber hinaus wirkt sich dies auch auf die Suchmaschinenoptimierung aus, da sie zunehmend die Nutzererfahrung auf einer Website und die Geschwindigkeit einer Website in ihre Bewertung einbezieht. Dies wirkt sich auch auf die Platzierung in den Suchergebnissen aus.
Mein Rat
Wir empfehlen, eine Lösung für das Problem zu finden Laden Sie keine Bilder, die noch nicht in der Ansicht sind. Eine Möglichkeit, dies zu tun, ist das „Lazy Loading“. Darüber hinaus ist die Verwendung von Google PageSpeed Insights eine intelligente Methode, um mehr Einblick in den Inhalt Ihrer Website zu erhalten. Eine gute Analyse ermöglicht es Ihnen, die notwendigen Anpassungen vorzunehmen.
Das umfassendste Buch über Website-Geschwindigkeit
Ich habe so viel über die Beschleunigung von Websites und alles, was damit zusammenhängt, geschrieben, dass ich es in verschiedene Abschnitte unterteilen möchte: Allgemeines, Tools, Punkte zur Verbesserung der Geschwindigkeit und Tipps. Unter den folgenden Links finden Sie weitere Informationen über Tools und Tipps zur Beschleunigung Ihrer Website.
Allgemein
- Wie hoch ist die Geschwindigkeit der Website?
- Website-Geschwindigkeit: Die Trennung zwischen Marketing und Entwicklung
- Der Einfluss von SEO auf UX
- Der Einfluss des Webdesigns auf SEO
- SPAs und SEO
- Was sind die Google Core Web Vitals?
Werkzeuge
- Autoptimieren
- Pagespeed.Vergleichen
- W3 Total Cache
- Werkzeuge Pingdom
- Google Pagespeed-Einblicke
- GTMetrix
Verbesserungen der Geschwindigkeit
- Erstes zufriedenstellendes Bild (FCP)
- Zeit bis zum ersten Byte (TTFB)
- Zeit bis zur Interaktivität (TTI)
- Bild für Größte Ansicht mit vorgeladenem Inhalt (LCP)
- Aktivieren Sie die Textkomprimierung
- Reduzieren Sie den CSS
- Gesamt-Sperrzeit (TBT)
- Geschwindigkeitsindex
- JavaScript reduzieren
- Größte inhaltsreiche Farbe
- Vermeiden Sie übermäßigen DOM
- Ungenutzte CSS löschen
- Ungenutztes JavaScript entfernen
- Bilder in modernen Layouts bereitstellen
- Verbinden Sie sich im Voraus mit den gewünschten Ursprüngen
- Verhindern, dass veraltetes JavaScript an moderne Browser übermittelt wird
- Verwenden Sie eine effiziente Cache-Richtlinie für statische Elemente
- Doppelte Module aus JavaScript entfernen
- Vermeiden Sie mehrfache Umleitungen
- Bilder effizient kodieren
- Laden Sie wichtige Anfragen im Voraus
Allgemeine Tipps
- Tipps zum schnellen Laden eines Videos
- Verwendung von Edge SEO für eine schnellere Website
- Installieren eines Content Delivery Network für SEO
- Optimierung von Bildern für SEO
- Der Einfluss des Hostings auf SEO
Häufig gestellte Fragen
Was bedeutet „Bilder, die noch nicht im Bild sind, nicht laden“?
„Laden Sie keine Bilder, die noch nicht angezeigt werden“ ist eine Empfehlung von Google PageSpeed Insights, wenn Sie mehrere Bilder auf Ihrer Webseite haben, von denen nicht alle sofort beim Laden der Webseite angezeigt werden. Der Besucher sieht die ganze Seite erst, wenn alle Bilder geladen sind. Das Prinzip des „Lazy Loading“, bei dem ein Bild erst geladen wird, wenn es fast im Blickfeld ist, vermeidet dieses Problem. Ein CMS wie WordPress verwendet dies bereits standardmäßig.
Wie wirkt sich „Bilder, die noch nicht angezeigt werden, nicht laden“ auf SEO aus?
„Bilder, die noch nicht angezeigt werden, nicht zu laden“ hat einen gewissen Einfluss auf SEO. Der Grund dafür ist, dass dies Zeit kostet und die Benutzerfreundlichkeit beeinträchtigt. Dies kann zu einer schlechteren Platzierung in den Suchergebnissen führen.