Offscreen-Bilder sind Bilder, die beim Laden nicht sichtbar sind. Diese Bilder können sich unterhalb des sichtbaren Bereichs befinden oder hinter anderen Seitenelementen verborgen sein. Durch das verzögerte Laden von Offscreen-Bildern lassen sich die Ladezeiten von Seiten verbessern, da die Anzahl der erforderlichen HTTP-Anfragen reduziert wird und der Browser weiterhin den sichtbaren Inhalt rendern kann. Im Gegensatz dazu werden die Offscreen-Bilder heruntergeladen.
Möglichkeiten, Bilder außerhalb des Bildschirms zu verzögern
Beim Laden von Bildern auf einer Webseite ist es wichtig, dass diese nur bei Bedarf geladen werden. Andernfalls verlängern Sie möglicherweise unnötig die Ladezeiten Ihrer Seite.
Eine Möglichkeit zur Optimierung des Bildladens besteht darin, Bilder, die außerhalb des sichtbaren Bereichs liegen, erst dann zu laden, wenn sie sichtbar werden. Dies kann besonders hilfreich sein, wenn sich viele Bilder auf einer Seite befinden.
Es gibt verschiedene Möglichkeiten, Bilder außerhalb des sichtbaren Bereichs zu laden. Eine Methode besteht darin, per CSS die Sichtbarkeit dieser Bilder auf „hidden“ zu setzen, bis sie auf dem Bildschirm sichtbar werden. Alternativ kann JavaScript verwendet werden, um zu erkennen, wann diese Bilder sichtbar werden, und ihren Download auszulösen. Schließlich können einige responsive Bildlösungen Bilder außerhalb des sichtbaren Bereichs automatisch laden, indem sie diese nur dann laden, wenn sie bei bestimmten Bildschirmgrößen benötigt werden.
Die Wahl der Methode hängt von Ihrer konkreten Situation ab und davon, ob Sie alle oder nur bestimmte Bilder außerhalb des sichtbaren Bereichs laden möchten. In den meisten Fällen ist die einfachste Lösung, die Sichtbarkeit per CSS auf „hidden“ zu setzen. JavaScript-basierte Lösungen sind jedoch möglicherweise besser geeignet, wenn Sie genauer steuern möchten, wann diese Bilder geladen werden.
Welche Vorteile bietet die verzögerte Anzeige von Bildern außerhalb des Bildschirms?
Visuell bedeutet das verzögerte Laden von Bildern außerhalb des sichtbaren Bereichs, dass Inhalte oberhalb der Falz sofort gerendert werden, ohne auf das Laden von Bildern unterhalb der Falz zu warten. Dies kann die Geschwindigkeit für Nutzer mit langsameren Internetverbindungen oder begrenzten Datentarifen deutlich verbessern.
Aus technischer Sicht verhindert das verzögerte Laden von Bildern außerhalb des sichtbaren Bereichs, dass der Browser unnötige HTTP-Anfragen sendet, bis der Benutzer nach unten scrollt und das Bild sichtbar wird. Dies reduziert sowohl die Bandbreitennutzung als auch die Serverlast.
Insgesamt kann das Verschieben des Ladens von Bildern außerhalb des sichtbaren Bereichs die Seitenladezeiten verbessern, den Datenverbrauch reduzieren und die Serverleistung steigern.
Abschluss
Es gibt viele Gründe, warum Sie Bilder außerhalb des sichtbaren Bereichs verzögern sollten. Vielleicht möchten Sie die Leistung Ihrer Website verbessern oder sicherstellen, dass Besucher mit langsamen Internetverbindungen die gewünschten Inhalte trotzdem sehen können. Was auch immer Ihre Gründe sind, wir hoffen, dieser Artikel hat Ihnen geholfen, herauszufinden, wie Sie Bilder außerhalb des sichtbaren Bereichs verzögern. Bei Fragen oder Anmerkungen können Sie diese gerne unten stellen.
Suchen Sie nach Dienstleistungen zur Website-Optimierung? Kontaktieren Sie noch heute unser Team!
