Сайт гальмує не тому, що хостинг поганий. Його гальмують зображення, які завантажуються всі разом, навіть ті, що поза екраном. Користувач ще не доскролив до середини сторінки, а браузер уже тягне 15 повнорозмірних фото з галереї.

Ліниве завантаження (lazy load) вирішує цю проблему за два кліки. Зображення, відео та iframe підвантажуються лише тоді, коли потрапляють у зону видимості. Результат: менше HTTP-запитів, швидший First Contentful Paint, нижчий показник відмов. Google PageSpeed Insights перестає скаржитися на «відкладіть завантаження прихованих зображень».

Ми зібрали 9 плагінів для WordPress, які роблять ліниве завантаження правильно, без конфліктів із темами, без зайвої ваги та з тонким налаштуванням під різні сценарії.

💡 Швидкий огляд:

• Оберіть плагін під задачу: ліниве завантаження, стиснення або нескінченне прокручування.
• Встановіть та активуйте, більшість працюють одразу після активації без правок.
• Налаштуйте винятки для контенту над згином (above-the-fold), щоб не постраждав LCP.
• Перевірте результат у PageSpeed Insights та GTmetrix, «defer offscreen images» зникає.

Порівняльна таблиця

1. WP Rocket Lazy Load

Найпопулярніший standalone-плагін лінивого завантаження від команди WP Rocket. Не потребує основного плагіна кешування, працює незалежно та товаришує з будь-яким кешем.

Скрипт важить менше 10 КБ і не тягне jQuery. На практиці це означає, що накладні витрати на lazy load близькі до нуля, ви не міняєте одну проблему на іншу. Плагін обробляє зображення в контенті, мініатюри, аватари, смайли, iframe та фонові зображення. YouTube-відео замінює прев’ю-картинкою: iframe підвантажується лише за кліком. Економія на одній сторінці з трьома вбудованими відео може сягати 1,5-2 МБ трафіку.

Плюси:

• Екстремально легкий скрипт: менше 10 КБ без jQuery
• Підтримка WooCommerce з коробки, зображення товарів і галерей
• Заміна YouTube-iframe на прев’ю для пришвидшення завантаження
• Розробка команди WP Rocket, регулярні оновлення та сумісність

Мінуси:

• Немає тонкого налаштування анімацій появи
• Не працює із зображеннями, жорстко зашитими в тему (hardcoded)

Ціна: Безкоштовно. Сторінка плагіна на WordPress.org

🔗 WP Rocket Lazy Load на WordPress.org

2. Smush

Smush вирішує дві задачі водночас: оптимізує зображення та ліниво їх завантажує. Це не просто плагін lazy load, а повноцінний інструмент для роботи з медіафайлами.

Стиснення працює на льоту: завантажуєте фото в медіатеку, Smush автоматично прибирає зайві метадані та зменшує розмір файлу без видимої втрати якості. Ліниве завантаження налаштовується гранулярно: можна увімкнути його лише для віджетів, лише для контентної області або лише для мініатюр. Bulk Smush проганяє до 50 зображень за раз, зручно, коли в медіатеці тисячі файлів.

Плюси:

• Стиснення + lazy load в одному плагіні
• Пакетна оптимізація: до 50 зображень одночасно
• Гнучке налаштування областей застосування lazy load
• Автовизначення некоректно sized зображень

Мінуси:

• Не стискає зображення вище певного порогу в безкоштовній версії
• Немає lazy load для відео та iframe

Ціна: Безкоштовна версія з базовими функціями. Pro, від $3/місяць на WPMU DEV.

🔗 Smush на WordPress.org🔗 Smush Pro на WPMU DEV

3. Optimole

Optimole працює інакше: він пропускає зображення через хмарний сервіс. Картинки зі сторінки замінюються на URL хмари, де відбувається стиснення, ресайз під пристрій та конвертація у WebP/AVIF. Ліниве завантаження вбудоване й вмикається автоматично.

Головна фішка, адаптивність на рівні пікселів. Optimole визначає реальний розмір контейнера на пристрої відвідувача й віддає картинку точно під нього. Retina-екрани отримують версію з підвищеною щільністю, повільні з'єднання, зі зниженою якістю. Безкоштовний тариф включає CloudFront CDN (200+ точок) і 5 000 відвідувачів на місяць.

Плюси:

• Хмарне стиснення без навантаження на сервер
• Адаптивна роздача під розмір екрана та DPR
• CloudFront CDN у безкоштовному тарифі
• Автоконвертація у WebP/AVIF

Мінуси:

• Залежність від хмарного сервісу: у разі збою їхнього API зображення можуть не завантажитися
• Безкоштовний тариф обмежено 5 000 відвідувачів/місяць
• Обмежена документація порівняно з конкурентами

Ціна: Безкоштовний тариф до 5 000 відвідувачів/місяць. Pro, від $19.08/місяць на Optimole.com.

🔗 Optimole на WordPress.org🔗 Optimole Pro

4. Perfmatters

Perfmatters не позиціонує себе як плагін для лінивого завантаження — це повноцінний інструмент для тонкого очищення WordPress від зайвого коду. Але модуль лінивого завантаження тут один із найкращих: він працює на рівні браузера через loading="lazy" і не додає жодного кілобайта JavaScript.

Окрім зображень, Perfmatters ліниво завантажує відео (YouTube і Vimeo) та iframe. Є винятки за CSS-класами й типами сторінок, наприклад, можна вимкнути ліниве завантаження для першого зображення в тілі поста, щоб не постраждав Largest Contentful Paint. Script Manager дозволяє вивантажувати непотрібні скрипти на конкретних сторінках. На практиці Perfmatters разом із плагіном кешування дає +15-25 балів у PageSpeed Insights, у нас так було не раз.

Плюси:

• Нативний loading="lazy", нуль додаткового JS
• Script Manager для вимкнення зайвих скриптів посторінково
• Винятки для контенту над згином
• Легкий: весь плагін важить менше 200 КБ

Мінуси:

• Немає безкоштовної версії (тільки платна, від $24.95/рік на Perfmatters.io)
• Немає стиснення зображень (тільки ліниве завантаження)
• Для максимального ефекту потрібен плагін кешування

Ціна: Від $24.95/рік за 1 сайт на Perfmatters.io.

🔗 Perfmatters, офіційний сайт

5. Autoptimize

Autoptimize відомий передусім як плагін для мініфікації CSS і JavaScript. Але з версії 2.7 до нього додали ліниве завантаження зображень, і воно працює чудово. Налаштування, один чекбокс у розділі «Images», і всі картинки нижче лінії згину отримують loading="lazy".

Крім lazy load, Autoptimize агресивно мініфікує та об’єднує файли стилів і скриптів, відкладає некритичний CSS і оптимізує Google Fonts. Це робить його ідеальним вибором, якщо ви хочете одним плагіном закрити одразу кілька завдань з пришвидшення сайту. Плагін безплатний і активно оновлюється: на кінець 2025 року, понад 1 мільйон активних встановлень і регулярні релізи.

Плюси:

• Lazy load + мініфікація CSS/JS + критичний CSS в одному плагіні
• Безплатний, з 1M+ активних встановлень
• Працює з коробки, налаштування в один клік
• Регулярні оновлення й активна спільнота

Мінуси:

• Lazy load тільки для зображень, без відео та iframe
• Немає анімацій появи
• Агресивна мініфікація може зламати верстку на складних темах

Ціна: Безплатно. Сторінка плагіна на WordPress.org

🔗 Autoptimize на WordPress.org

6. A3 Lazy Load

A3 Lazy Load, ветеран ніші з багаторічною історією розробки. Підтримує все: зображення, відео, iframe, фонові картинки, граватари. Налаштування через toggle-перемикачі інтуїтивно зрозуміле навіть тим, хто вперше бачить адмінку WordPress.

Анімації появи додають візуальної плавності: fade-in, спінери, слайд. Можна вставляти відео за URL прямо в пости та сторінки. jQuery Mobile підтримується з коробки. Плагін чіпляється до стандартних функцій WordPress, якщо тема або інший плагін використовують кастомне верстання в обхід the_content, A3 Lazy Load їх не обробить. Це головне обмеження.

Плюси:

• Підтримка всіх типів медіа: зображення, відео, iframe, фон
• Налаштовувані анімації появи (fade-in, спінери)
• Вставка відео за URL у пости та сторінки
• Повна підтримка jQuery Mobile

Мінуси:

• Не працює з hardcoded-зображеннями в темах
• Бували скарги на конфлікти з нестандартними темами
• Преміум-версія має менше функцій, ніж аналоги за ті самі гроші

Ціна: Lite, безплатно. Premium, $29 на A3Rev.

🔗 A3 Lazy Load на WordPress.org🔗 A3 Lazy Load Premium

7. WP-Optimize

WP-Optimize, швейцарський ніж для прискорення WordPress. Чистить базу даних (ревізії, спам, transient-записи), стискає зображення та вмикає ліниве завантаження. Усе в одному плагіні, з єдиним інтерфейсом.

Модуль lazy load заснований на нативному loading="lazy" і не додає JavaScript. Можна ввімкнути для зображень, iframe і відео. Налаштування мінімальні: вибір типів контенту та винятки за класами. Компресія зображень працює за розкладом, як і очищення бази. Для сайту на дешевому хостингу з обмеженим місцем у БД, WP-Optimize часто стає єдиним необхідним плагіном для продуктивності.

Плюси:

• Три функції в одній: очищення БД, стиснення зображень, lazy load
• Нативний loading="lazy" без JavaScript
• Робота за розкладом для всіх операцій
• Безплатна версія покриває більшість потреб

Мінуси:

• Немає lazy load для фонових зображень
• Стиснення зображень поступається спеціалізованим плагінам (Smush, Optimole)
• Premium потрібен для мультисайту та розширеного планувальника

Ціна: Безплатно. Premium, від $49/рік на WP-Optimize.com.

🔗 WP-Optimize на WordPress.org🔗 WP-Optimize Premium

8. Ajax Load More

Ajax Load More — це не класичний lazy load для зображень, а нескінченне прокручування з підвантаженням контенту через AJAX. Пости, сторінки, коментарі, товари WooCommerce довантажуються в міру прокручування, без перезавантаження сторінки.

Вбудований конструктор шорткодів дає змогу створювати складні WordPress-запити без коду. Фільтрація за типами постів, форматами, рубриками, мітками, кастомними таксономіями. Кешування запитів знижує навантаження на сервер. Для WooCommerce, повна сумісність із популярними плагінами. Можна вставляти рекламні блоки AdSense і CTA між елементами, що підвантажуються.

Плюси:

• Нескінченне прокручування + пагінація + кнопка «завантажити ще»
• Конструктор шорткодів для складних запитів
• Вставка рекламних блоків між елементами, що підвантажуються
• Сумісність із WooCommerce і популярними плагінами

Мінуси:

• Не є чистим lazy load-плагіном для зображень
• Pro-версія дорога ($149 на Connekthq.com)
• Важчий за спеціалізовані lazy load-рішення

Ціна: Lite, безкоштовно. Pro, від $149 на сайті Connekthq.

🔗 Ajax Load More на WordPress.org🔗 Ajax Load More Pro

9. Load More Products for WooCommerce

Вузькоспеціалізований плагін для магазинів на WooCommerce. Замінює стандартну пагінацію на кнопку «завантажити ще», нескінченне прокручування або комбінований режим. Ліниве завантаження зображень товарів вбудоване й активується автоматично.

40+ анімацій для кнопки завантаження, кастомізація тексту та іконки, налаштування кількості товарів на сторінці та URL-навігація з оновленням адресного рядка. Кнопка «Завантажити попередні» для зворотної навігації. Можна вставити кастомне повідомлення на початку або в кінці стрічки товарів. JavaScript-хуки та CSS для тих, хто хоче допиляти під себе.

Плюси:

• Три режими: кнопка, нескінченне прокручування, пагінація
• 40+ анімацій для кнопки завантаження
• URL-навігація з оновленням адресного рядка
• Повна кастомізація зовнішнього вигляду кнопки та тексту

Мінуси:

• Тільки WooCommerce, не працює зі звичайними постами та сторінками
• Не зовсім lazy load-плагін: основна функція, підвантаження товарів
• Pro-версія ($34 на сайті BeRocket) для розширених можливостей

Ціна: Lite, безкоштовно. Pro, від $34 на BeRocket.com.

🔗 Load More Products на WordPress.org🔗 Load More Products Pro

На відео, покроковий процес встановлення та налаштування лінивого завантаження для WordPress. Показано на реальному сайті: від встановлення плагіна до перевірки результату в PageSpeed Insights.

⁉️🤔 Часті запитання

Ліниве завантаження сповільнює Largest Contentful Paint (LCP)?

Так, якщо перше зображення на сторінці (above the fold) потрапляє під lazy load. Браузер чекає на завантаження скрипту лінивого завантаження, перш ніж почати завантаження картинки, і це додає затримку. Вирішується просто: виключіть перше зображення з lazy load. WP Rocket Lazy Load, Perfmatters та A3 Lazy Load мають таке налаштування. Для сайтів на WordPress 6.5+ із нативним loading="lazy" браузер сам визначає пріоритет.

Чим нативний loading="lazy" відрізняється від JavaScript-плагінів?

Нативний loading="lazy" — це атрибут HTML, який браузер обробляє без JavaScript. Він працює на рівні рушія: швидше, без накладних витрат, без HTTP-запиту за скриптом. Але в нього немає анімацій, спінерів, винятків за класами та lazy load для відео. JavaScript-плагіни (lazysizes, WP Rocket) дають більше контролю, але додають вагу. Вибір залежить від потреб.

Чи обов’язково ставити плагін, якщо тема вже підтримує lazy load?

Не завжди. Вбудований lazy load теми зазвичай працює лише із зображеннями з the_content. Віджети, мініатюри, фонові картинки, відео та iframe часто залишаються без lazy load. До того ж вбудоване рішення не можна тонко налаштувати під свої потреби. Перевірте тему через GTmetrix: якщо бачите незавантажені зображення нижче лінії згину, ставте окремий плагін.

Що робити, якщо lazy load конфліктує з кешувальним плагіном?

На практиці конфлікти виникають рідко. Більшість сучасних рішень для lazy load (WP Rocket Lazy Load, Perfmatters, A3 Lazy Load) проєктуються з урахуванням сумісності з популярними кеш-плагінами. Якщо конфлікт виявлено: вимкніть lazy load у кешувальному плагіні та залиште спеціалізований інструмент для lazy load. Зазвичай цього достатньо.

Ліниве завантаження шкодить SEO?

Ні, якщо контент у підсумку завантажується та індексується. Googlebot виконує JavaScript і бачить підвантажений контент. Але для підстраховки використовуйте <noscript>-версію зображень (є у WP Rocket Lazy Load). Це гарантує, що пошуковий робот побачить усі картинки, навіть якщо JavaScript не виконається.

Що ставити у 2026 році

Універсальної відповіді немає, все залежить від сценарію:

Якщо бюджет обмежений і потрібно «поставив і забув», беріть WP Rocket Lazy Load. Легкий, безплатний, від перевіреної команди. Активних встановлень: 600 000+.

Якщо крім lazy load потрібні стиснення та оптимізація зображень, вибирайте між Smush (простіше, дешевше) та Optimole (хмарний CDN, адаптивна роздача). Перший встановлюється за хвилину, другий вимагає врахування ліміту відвідувачів.

Якщо готові платити за максимальну продуктивність, Perfmatters. Script Manager разом із lazy load дає приріст, якого не отримати самими плагінами для зображень.

Для сайту, де важлива кожна функція в одному плагіні, Autoptimize (мініфікація + lazy load) або WP-Optimize (очищення БД + стиснення + lazy load). Обидва безплатні й активно оновлюються.

Для інтернет-магазину на WooCommerce, Ajax Load More або Load More Products. Перший, для красивої нескінченної прокрутки будь-яких типів контенту, другий, вузько заточений під WooCommerce-стрічку товарів.

Спробуйте один із плагінів, активація займає хвилину, а результат видно одразу в PageSpeed Insights. Напишіть у коментарях, який lazy load-інструмент використовуєте ви і наскільки змінилися показники швидкості.