Es ist kein Geheimnis, dass Seiten, die schneller laden, besser ranken, niedrigere Absprungraten haben und für eine bessere Bindung Ihrer Website-Besucher sorgen. Bilder verlangsamen oft Ihre Website. Um das Laden Ihrer Seiten zu beschleunigen, empfiehlt Google in seiner Entwicklerdokumentation offiziell Lazy Loading für Bilder. Lazy Loading verhilft Seiten zu einer schnelleren anfänglichen Ladezeit, indem das Laden von Bildern verschoben wird, bis der Seitenbesucher zum Bild scrollt. Lesen Sie hier mehr, wie Sie Lazy Loading für Ihre Bilder aktivieren.
Um Ihnen zu helfen, sich an die Best Practices zu halten und Ihre Seitengeschwindigkeit und Ihr SEO-Ranking zu verbessern, hat HubSpot eingerichtet, dass Sie Lazy Loading für Ihre Bilder auf Ihren Seiten einfach aktivieren können.
So aktivieren Sie Lazy Loading:
Wenn Sie das Standard-Bildmodul verwenden, fügen Sie einfach das Bildmodul zu einer Seite hinzu und wählen Sie "Lazy Loading" innerhalb des Umschalters "Image Loading".
Wenn Sie ein benutzerdefiniertes Modul verwenden, das ein Bildfeld enthält, werden die Ladeoptionen standardmäßig angezeigt. Entwickler können Ladeoptionen ausblenden, wenn sie möchten, dass diese Option nicht im Editor angezeigt wird. Wenn das Steuerelement für die Ladeoptionen angezeigt wird, ist die Standardoption auf "Lazy" eingestellt.
Wenn Sie ein Bild innerhalb eines Rich-Text-Moduls hinzufügen, werden diese Bilder standardmäßig auf "Lazy Load" eingestellt. Um "Lazy Loading" zu deaktivieren, wählen Sie das Modul aus, klicken Sie auf das Stiftsymbol zum Bearbeiten. Dann klicken Sie auf die Registerkarte "Erweitert" des Pop-ups zur Bildbearbeitung und wählen dann "Standard".
Hinweis für Entwickler: Diese Implementierung für das Bildfeld und das Modul verwenden das Merkmal "loading", welches natives browserbasiertes "lazy loading" verwendet. Dieses Update sollte nicht mit benutzerdefinierten kodierten Implementierungen, die Lazy Loading aktivieren, in Konflikt geraten.
Lazy Loading für Bilder ist jetzt für alle HubSpot-Kunden verfügbar.
