In het gedeelte Mogelijkheden van uw Lighthouse-rapport worden alle afbeeldingen buiten het scherm of verborgen afbeeldingen op uw pagina weergegeven, samen met de potentiële besparingen in kibibytes (KiB) . Overweeg deze afbeeldingen lui te laden nadat alle kritieke bronnen zijn geladen om de tijd tot interactief te verkorten:
Zie ook Lazy offscreen-afbeeldingen laden met lazysizes codelab .
Stapelspecifieke begeleiding
AMP
Afbeeldingen automatisch lui laden met amp-img . Zie de Afbeeldingengids .
Drupal
Overweeg om lazyload-images in Drupal te configureren. De veldformatters voor afbeeldingen ondersteunen lazy of eager .
Joomla
Installeer een lazy-load Joomla-plug-in die de mogelijkheid biedt om afbeeldingen buiten het scherm uit te stellen, of schakel over naar een sjabloon die die functionaliteit biedt. Vanaf Joomla 4.0 kan een speciale lazy-loading plug-in worden ingeschakeld door de plug-in "Content - Lazy Loading Images" te gebruiken. Overweeg ook om een AMP-plug-in te gebruiken.
Magento
Overweeg om uw product- en catalogussjablonen aan te passen om gebruik te maken van de lazyload- functie van het webplatform.
WordPress
Installeer een lazy-load WordPress-plug-in die de mogelijkheid biedt om afbeeldingen buiten het scherm uit te stellen, of schakel over naar een thema dat die functionaliteit biedt. Overweeg ook om de AMP-plug-in te gebruiken.