Відкладене завантаження WordPress: вибір найкращого плагіна для роботи
Немає нічого більшого розчарування для користувачів, ніж очікування завантаження веб-сайту. Все більше сайтів переповнюються відео та зображеннями, кожне зображення потребує нового запиту HTTP. Відкладене завантаження WordPress — це просте в установці рішення для прискорення роботи будь-якого веб-сайту, наповненого зображеннями.
Розробляючи веб-сайт wpDataTables, ми також враховували можливість цього ускладнення, оскільки ми використовуємо багато зображень і відео.
Що таке відкладене завантаження? Lazyload означає, що відео, зображення або фрейми завантажуються лише тоді, коли вони потрапляють у вікно перегляду, а решта зображень завантажуватиметься, коли глядачі прокручуватимуть сторінку вашого веб-сайту. Це значно покращить час завантаження вашого сайту та не дозволить користувачам залишити ваш сайт.
Переваги Lazy Load
Очевидною перевагою WordPress Lazy Load є швидше завантаження. Оскільки ви завантажуєте лише частину сторінки, її вміст швидше відображатиметься у браузері. Згодом відвідувачі використовують меншу пропускну здатність, що є великою перевагою для тих, хто використовує мобільне з’єднання даних.
Таким чином, ваші відвідувачі не лише зможуть швидко отримати доступ до вашого веб-сайту, але й заощадять на тарифному плані мобільного передавання даних: навіщо витрачати свій трафік даних на завантаження зображень, які їм не потрібні чи вони не хочуть бачити? Плагін відкладеного завантаження є подвійно корисною технікою, яка потрібна всім сайтам із великою кількістю зображень.
Негативні сторони Lazy Load
Відкладне завантаження не є зручним для пошукової системи технікою, оскільки ви не лише затримуєте завантаження вмісту для своїх користувачів, ви також затримуєте завантаження вмісту для сканерів пошукових систем, тобто пошукові системи не будуть індексувати частину чи весь цей вміст. Не підходить для SEO!
Коли відкладене завантаження WordPress використовується для затримки завантаження публікацій, а не лише зображень, це велика проблема.
Іншим недоліком ледачих зображень є зниження якості роботи користувачів. Кожен стикався з вторинним ефектом відкладеного завантаження під час дуже швидкого прокручування сторінки вниз. У процесі фактичні візуальні елементи замінюють зображення-заповнювачі, і вміст сторінки часто перескакує.
Поки ви вміло використовуєте відкладене завантаження WordPress і стежите за SEO та взаємодією з користувачем, ви будете отримувати лише переваги відкладеного завантаження. Дізнайтеся більше про відкладене завантаження зображень, найкращий плагін відкладеного завантаження WordPress для вашого веб-сайту та відкладене завантаження зображень WordPress.
«Я проти відкладеного завантаження. Для мене це призводить до поганого UX", – каже Джеррі Лоу з Web Hosting Secrets Revealed: "Моїм рішенням завжди було використання простого трюку JavaScript для відстрочення завантаження зображення.
Це особливо важливо, якщо на вашій сторінці багато зображень. Останнє, що вам потрібно, це щоб користувачі, які швидко прокручують вниз, дивилися на порожній екран».
Увімкнення LazyLoad на WordPress
Техніку відкладеного завантаження легко ввімкнути на будь-якому веб-сайті WordPress за допомогою плагіна WordPress Lazy Load. Є багато плагінів WordPress із відкладеним завантаженням, які ви можете вибрати, і ось деякі з найпопулярніших:
Цей плагін, що реалізує техніку «Ліниве завантаження», уникає завантаження зображень та iframe, які не відображаються на екрані (наприклад, зображення внизу сторінки), доки користувач не відобразить їх. Це покращує швидкість завантаження сторінки та зберігає пропускну здатність.
BJLazy Load, або BJLoad, є найкращим плагіном Lazy Load, якщо ви хочете відкладено завантажувати зображення та замінювати їх заповнювачами. Вибрані зображення можуть бути зображеннями Gravatar, зображеннями дописів, мініатюрами або iFrame. Ви також можете налаштувати деякі параметри, зокрема вибір покажчика місця заповнення.
BJLazy — це плагін WordPress Lazy Load, який обслуговує зображення, оптимізовані за розміром, тобто він автоматично надає зображення, зменшені за розміром у адаптивному дизайні, і забезпечує зображення HiDPI для дисплеїв Retina Apple та інших екранів HiDPI.
Зменшення часу завантаження сторінки шляхом поступового завантаження зображень та інших елементів. Вони завантажаться, коли досягнуть видимої частини екрана.
Плагін впливає на такі елементи:
<img>елемент- Властивість CSS
background-image - адаптивні зображення з
srcsetатрибутом <iframe>елемент<video>елемент
особливості:
- скоротити до 90% часу завантаження сторінки, в залежності від кількості елементів
- сумісний із Visual Composer
- ви можете пропустити всі фрейми iframe або лише один у певному елементі
- ви можете пропустити певні елементи з деяким класом
- ви можете показати елементи раніше або пізніше, які видно на екрані
- необов’язкова анімація, що настає
a3 Lazy Load — це мобільно-орієнтований, дуже простий у використанні плагін, який пришвидшить швидкість завантаження сторінки сайту. Чим більше вмісту на вашому сайті, тим краще працюватиме плагін і тим більше ви побачите покращення продуктивності.
Rocket Lazy Load — це простий у встановленні та активації плагін WordPress Lazy Load, який дозволяє вашому веб-сайту відображати всі зображення в будь-якій публікації/віджеті, а також аватари, мініатюри та смайли, поки користувачі прокручують сторінку вниз.
Rocket Lazy Load — це не тільки дуже маленький, займає менше 2 Кб, але й безопційний сценарій відкладеного завантаження зображень WordPress, який не можна настроювати.
Crazy Lazy допомагає підвищити ефективність вашого блогу чи веб-сайту, ефективно відображаючи зображення. Коли на сторінці зазвичай відображаються деякі зображення, Crazy Lazy запобігає завантаженню цих зображень. Лише коли користувач прокручує сторінку вниз і досягає місця, де насправді має відображатися зображення, це зображення буде завантажено з сервера.
Розроблений з урахуванням нескінченного прокручування, Ajax Load More — це плагін відкладеного завантаження, який може адаптуватися до відкладеного завантаження сторінок, публікацій, а також коментарів на основі запитів, створених за допомогою Ajax. Деякі з функцій Ajax Load More включають конструктор коротких кодів для користувацьких запитів WP, а також сумісність із Easy Digital Downloads і WooCommerce. По суті, Ajax Load More також є хорошим плагіном, якщо ви хочете відкладено завантажувати сайти електронної комерції.
Цей плагін покращує час завантаження сторінки та підвищує ваш показник Google PageSpeed. Він замінює вбудовані відео Youtube і Vimeo зображенням попереднього перегляду, яке можна натиснути.
Завдяки завантаженню відео лише тоді, коли користувач клацає зображення попереднього перегляду – за допомогою jQuery – непотрібний JavaScript не завантажується. Особливо на сайтах із великою кількістю вбудованих відео це зробить ваших відвідувачів щасливими.
Цей плагін відкладеного завантаження WordPress містить чудові функції, такі як відкладене завантаження зображень, слайд-шоу галереї та ефекти лайтбокса для визначених зображень. За допомогою цього плагіна ви можете додавати ефекти, не жертвуючи швидкістю завантаження сторінки.
Image LazyLoad and Slideshow також має опцію додавання власного CSS, кодів відстеження та власного HTML.
Коментарі Avatar Lazyload, який вважається одним із найвідоміших плагінів відкладеного завантаження для WordPress, обробляє зображення через Gravatar. Багато плагінів для коментарів використовують зображення Gravatar, і цей конкретний плагін покращує час завантаження вашого веб-сайту шляхом відкладеного завантаження зображень Gravatar.
Ваш веб-сайт містить багато зображень і займає багато ресурсів під час завантаження? Ваш бос і ваші клієнти вважають плинність сторінки серйозною справою?
Завдяки плагіну WP Image Lazy Load більше не потрібно жертвувати якістю ваших чудових зображень!
Сімейні галереї, портфоліо, новини з великою кількістю фото. Цей плагін забезпечує кращу взаємодію з користувачем, затримуючи завантаження зображень на (особливо довгих) веб-сторінках. Зображення за межами видимої частини сторінки, яку переглядає користувач, не будуть завантажені, доки користувач не прокрутить до них.
Кінець роздумам про найкращі плагіни відкладеного завантаження WordPress
Зображення зазвичай винні, коли веб-сайти завантажуються вічно, тому оптимізація швидкості сайту зосереджена на оптимізації часу завантаження зображень. Однак ви не можете заперечувати важливість зображень, коли йдеться про додавання цінності публікації чи будь-якому іншому вмісту.
Зображення вартує тисячі слів і залишається правдивим в епоху Інтернету. Взаємодія з користувачем дуже важлива, і ви хочете, щоб користувачі залишалися на вашому веб-сайті, щоб бачити ці дивовижні зображення, які вразять їх розум і зроблять ваш вміст більш релевантним для них.
З іншого боку, повільне завантаження розчаровує користувачів і відштовхує їх. Рішення просте: плагін WordPress Lazy Load. Плагін WordPress Lazy Load — це єдине рішення для збільшення часу завантаження веб-сайту, наповненого зображеннями та відео.
Якщо вам сподобалося читати цю статтю про плагін відкладеного завантаження WordPress, вам слід ознайомитися з цією статтею про те, як використовувати кешування браузера в WordPress.
Ми також писали про кілька пов’язаних тем, як-от плагін бази даних WordPress, як прискорити WordPress, параметри плагіна кешу WordPress і служби CDN.