Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

Швидкість є ключем до успіху в інтернеті. Якщо ви хочете більше обговорень, більше трафіку, більше задоволених користувачів, варто оптимізувати швидкість завантаження вашого сайту WordPress. Але що, якщо ви вже використовуєте CDN і оптимізували розмір своїх картинок? Як можна досягти ще більшої швидкості?

Рішенням може стати відкладене завантаження зображень!

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

Lazy Load — як налаштувати відкладене завантаження картинок та прискорити ваш сайт WordPress

З відкладеним завантаженням (ледаче навантаження) WordPress завантажує зображення лише тоді, коли користувачі прокрутили сторінку до них. На сайтах з великою кількістю зображень це може значно прискорити завантаження сторінки, оскільки завантажуватимуться лише ті фотографії, які відображаються на екрані до прокручування сторінки.

Дивіться також:

У цій статті ми обговоримо переваги та недоліки відкладеного завантаження та покажемо найкращі плагіни WordPress для Lazy Load.

Переваги відкладеного завантаження зображень

Головні переваги відкладеного завантаження поділяються на дві категорії.

1. Прискорення завантаження сайту

Основною перевагою є досягнення початкової швидкості завантаження сайту. Якщо ви у своїх записах використовуєте багато зображень, вони збільшать розмір вашої сторінки. Немає жодної необхідності завантажувати їх до того, як відвідувач побачить їх (крім міркувань про SEO, які ми озвучимо пізніше).

Краще відразу завантажувати сторінку, а потім, якщо знадобляться, зображення у міру прокручування сторінки. Ви не можете бути впевненими, що користувач догортає до них.

Що підводить нас до наступного пункту…

2. Економія трафіку користувачів

Не всі використовують безлімітний інтернет. Ви можете зробити величезну послугу людям з обмеженим 3G тарифним планом (або жахливим інтернет провайдером) просто відклавши завантаження ваших зображень. Вони будуть використовувати трафік лише для зображень, що їх бачать.

Користувачі швидше за все про це ніколи не дізнаються, але це буде дуже люб'язно з вашого боку.

Недоліки відкладеного завантаження зображень

Існує кілька потенційних недоліків відкладеного завантаження зображень, про які ви повинні пам'ятати.

Оптимізація пошукової системи та відкладене завантаження

Якщо ви не завантажуєте контент до того, як користувач його побачить, у пошукових систем можуть виникнути труднощі зі скануванням та індексацією. У вас можуть виникнути проблеми з SEO вашого сайту, якщо ви не обережні. Але тільки з відкладеним завантаженням можна отримати одночасно і правильне розташування тексту, індексування, і прискорення завантаження сторінки.

Однак, якщо ви спробуєте ранжувати зображення в чомусь типу Google Image Search, вам не варто забувати про це.

І завжди пам'ятайте – якщо ви хочете відкласти завантаження всього контенту (включно з текстом), то використовуйте інструмент Fetch as Googlebot, щоб перевірити, чи це не викликає проблем у Google.

UX та відкладене завантаження

Іноді відкладене завантаження спричиняє відображення контенту, якщо зображення не завантажилося вчасно. Це може дратувати, але якщо ви правильно встановите відкладене завантаження, то ця проблема вас не турбуватиме.

Як використовувати Lazy Load на WordPress

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

лінивий навантаження

Найбільш популярним безкоштовним плагіном для реалізації відкладеного завантаження є Lazy Load.

Це простий плагін, який використовує jQuery.sonar для завантаження зображень лише тоді, коли вони потрапляють у поле зору користувача. Просто завантажте його та натисніть Activate. Не потрібно жодних налаштувань.

Rocket Лінивий Load

Lazy Load — як налаштувати відкладене завантаження картинок та прискорити ваш сайт WordPress

Rocket Lazy Load – це легкий безкоштовний плагін для реалізації відкладеного завантаження. Він займає не більше 2 KB та не використовує бібліотеки JavaScript.

Він працює із зображеннями та мініатюрами в записах та віджетах. Як і Lazy Load, вам потрібно просто встановити плагін та натиснути Activate.

Відкладене завантаження зображення

Lazy Load — як налаштувати відкладене завантаження картинок та прискорити ваш сайт WordPress

Image Lazy Load – це плагін, що вільно розповсюджується, який використовує бібліотеку unveil.js для відкладеного завантаження ваших зображень. Він обробляє зображення на головній сторінці, в записах і типах користувача записів. І на відміну від Rocket Lazy Load, не відкладає завантаження віджетів.

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

Безкоштовна версія відмінно підходить для базового відкладеного завантаження.

BJ Лінивий навантаження

Lazy Load — як налаштувати відкладене завантаження картинок та прискорити ваш сайт WordPress

BJ Lazy Load – це безкоштовний плагін, який не використовує зовнішні бібліотеки JavaScript та налічує понад 40,000 активних установок. Ми помістили його не згори списку тільки тому, що він не оновлювався вже 11 місяців.

Плагін завантажує зображення, мініатюри, gravatar, iframe вміст та відео з YouTube.

WordPress Advanced Image Lazy Load

Lazy Load — як налаштувати відкладене завантаження картинок та прискорити ваш сайт WordPress

Це преміум плагін, доступний на CodeCanyon. Ви отримаєте підтримку всіх зображень, незалежно від їх місцезнаходження: запис, сторінка, бічна панель, вибраної або ще десь.

Він дружний із пошуковими системами, тому у вас не буде проблем із індексацією.

Ще однією приємною функцією є можливість увімкнути або вимкнути відкладене завантаження для окремих записів, що дає вам додатковий контроль за функціонуванням вашого сайту.

Плагін коштує $15.

JCH Optimize Pro

Lazy Load — як налаштувати відкладене завантаження картинок та прискорити ваш сайт WordPress

JCH Optimize Pro - це преміум версія безкоштовного плагіна JCH Оптимізація. На жаль, для доступу до відкладеного завантаження необхідно придбати платну версію. Але ви також отримуєте ще багато корисних функцій:

  • Мінімізовані запити HTTP
  • Зменшений розмір сторінок
  • Оптимізовані зображення
  • Декілька невеликих функцій, як підтримка CDN

Якщо ви хочете отримати повний комплекс послуг, вибирайте JCH Optimize Pro. Його ціна починається від $29 за 6 місяців користування.

бонус: Божевільний ледачий

Lazy Load — як налаштувати відкладене завантаження картинок та прискорити ваш сайт WordPress

Crazy Lazy має близько 3,000 активних установок, і він постійно випускає оновлення. Це відмінний безкоштовний та легкий варіант для відкладеного завантаження картинок на WordPress.

Підсумки

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

Якщо у вас записи переважно текстові, ви не помітите особливого поліпшення. Але якщо ви використовуєте багато зображень, то відкладене завантаження точно прискорить завантаження вашого сайту.

Зараз є величезна кількість плагінів для цього. Просто не забувайте перевіряти ваш сайт на Fetch as Googlebot, щоб переконатися у правильному індексуванні

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, що спеціалізується на створенні сайтів WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 2

Тенгіз:

У мене найкраще спрацював Crazy Lazy (на око, звичайно). З відеороликами отримав невдачу (попереджали ж).

zim:

А нічого, якщо встановлено плагін W3 Total Cache?
Якщо я, наприклад, захочу поставити Lazy Load і в мене встановлено W3 Total Cache. Вони між собою не конфліктуватимуть?

Додати коментар або відгук