Substack: forzar carga diferida de imágenes
Aplica loading="lazy" y menor prioridad a las imágenes para ahorrar ancho de banda.
Código para copiar
// Force lazy-loading on every image to save bandwidth on image-heavy posts
(function () {
function patch() {
document.querySelectorAll('img').forEach(function (img) {
if (img.dataset.jzLazy) { return; }
img.dataset.jzLazy = '1';
try {
img.loading = 'lazy';
img.decoding = 'async';
if (img.fetchPriority && img.fetchPriority !== 'low') { img.fetchPriority = 'low'; }
} catch (e) {}
});
}
patch();
var obs = new MutationObserver(function () {
clearTimeout(window.__jzSubLazy);
window.__jzSubLazy = setTimeout(patch, 300);
});
obs.observe(document.body, { childList: true, subtree: true });
})();Cómo usar este ejemplo
- Copia el código con el botón de arriba.
- Instala JustZix (2 minutos) y abre la extensión en la página de destino.
- Añade una nueva regla que coincida con esa página.
- Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.
Valora este ejemplo
Sin valoraciones — sé el primero.