Substack: wymuś lazy-load obrazów
Ustawia atrybuty loading="lazy" i niższy priorytet na wszystkich obrazach, oszczędzając transfer w długich wpisach.
Kod do skopiowania
// 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 });
})();Jak użyć tego przykładu
- Skopiuj kod przyciskiem powyżej.
- Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
- Dodaj nową regułę dopasowaną do tej strony.
- Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.
Oceń ten przykład
Brak ocen — oceń jako pierwszy.