← Todos los ejemplos

AliExpress: carga diferida de imágenes

Fuerza la carga diferida de imágenes para ahorrar ancho de banda en listados largos.

Código para copiar

// Force lazy loading on images to save bandwidth on long listing pages
function lazify() {
  document.querySelectorAll('img:not([data-jz-lazy])').forEach(function (img) {
    img.setAttribute('loading', 'lazy');
    img.setAttribute('decoding', 'async');
    img.dataset.jzLazy = '1';
  });
}
lazify();
const obs = new MutationObserver(lazify);
obs.observe(document.documentElement, { childList: true, subtree: true });

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.