← Все примеры

JavaScript Медиа

Ленивая загрузка изображений

Принудительно включает loading=lazy и асинхронное декодирование для каждого изображения, экономя трафик и память.

Код для копирования

// 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
});

Как использовать этот пример

  1. Скопируй код кнопкой выше.
  2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
  3. Добавь новое правило, совпадающее с этой страницей.
  4. Вставь код в панель JavaScript правила и сохрани — он запускается при каждом заходе на страницу.

Оцени этот пример

Оценок пока нет — оцени первым.

Этот пример работает?

Сниппеты бесполезны, если их некуда вставить.

JustZix устанавливается за 2 минуты и запускает твой код на каждой подходящей странице. Без аккаунта, без оплаты.

Скачать бесплатно Смотреть применение