In het gedeelte Mogelijkheden van uw Lighthouse-rapport worden alle afbeeldingen buiten het scherm of verborgen afbeeldingen op uw pagina vermeld, 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
Installeer een Drupal-module die afbeeldingen lui kan laden. Dergelijke modules bieden de mogelijkheid om afbeeldingen buiten het scherm uit te stellen om de prestaties te verbeteren.
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.