← Todos los ejemplos

Carga diferida de imágenes

Fuerza loading=lazy y la decodificación asíncrona en cada imagen para ahorrar ancho de banda y memoria.

Código para copiar

// Add native lazy loading and async decoding to every image.
function lazify() {
  document.querySelectorAll('img').forEach(function (img) {
    try {
      if (!img.loading || img.loading === 'auto') img.loading = 'lazy';
      img.decoding = 'async';
    } catch (e) {}
  });
}
lazify();
new MutationObserver(lazify).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.