Im Bereich „Empfehlungen“ Ihres Lighthouse-Berichts werden alle außerhalb des Bildschirms oder ausgeblendeten Bilder auf Ihrer Seite zusammen mit den potenziellen Einsparungen in Kibibyte (KiB) aufgeführt. Wenn Sie diese Bilder erst laden lassen, nachdem alle wichtigen Ressourcen geladen wurden, können Sie die Zeit bis zur Interaktivität reduzieren:
Weitere Informationen finden Sie unter Codelab zum Lazy Loading von Bildern, die nicht auf dem Bildschirm zu sehen sind.
Stack-spezifische Anleitung
AMP
Bilder mit amp-img automatisch per Lazy Load laden
Weitere Informationen finden Sie im Leitfaden zu Images.
Drupal
Sie können das Lazy Loading von Bildern in Drupal konfigurieren. Die Feldformatierer für Bilder unterstützen lazy oder eager.
Joomla
Installieren Sie ein Lazy-Loading-Joomla-Plug-in, mit dem Sie nicht sichtbare Images verschieben können, oder wechseln Sie zu einer Vorlage mit dieser Funktion. Ab Joomla 4.0 kann mit dem Plug-in „Content – Lazy Loading Images“ ein eigenes Lazy-Loading-Plug-in aktiviert werden. Sie können auch ein AMP-Plug-in verwenden.
Magento
Sie können Ihre Produkt- und Katalogvorlagen anpassen, um die Lazy Loading-Funktion der Webplattform nutzen zu können.
WordPress
Sie können ein Lazy-Loading-Plug-in für WordPress installieren, mit dem Sie nicht sichtbare Bilder aufschieben. Alternativ können Sie auch zu einem Design wechseln, das diese Funktion bietet. Sie können auch das AMP-Plug-in verwenden.