Substack : forcer le lazy-load des images
Applique loading="lazy" et une priorité plus basse à toutes les images pour économiser la bande passante.
Code à copier
// 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 });
})();
Comment utiliser cet exemple
- Copiez le code avec le bouton ci-dessus.
- Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
- Ajoutez une nouvelle règle correspondant à cette page.
- Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.
Notez cet exemple
Aucune note — soyez le premier.