Розробники всього світу почали активно використовувати відкладене завантаження на сайтах WordPress з того часу, як вони зрозуміли, що це може не тільки позитивно вплинути на взаємодію з користувачами, але й показати пошуковим системам, що їхній сайт вантажиться швидко.
Термін відкладене завантаження (англ. lazy loading) ми могли б перекласти, як лінива завантаження, і це багато в чому відповідало реальності. Вона дійсно стає лінивою, коли справа доходить до завантаження контенту (зображень, відео, тексту) на веб-сторінку.
Дивіться також:
Але перед тим, як ви почнете шукати якийсь негативний підтекст у лінивому слові, давайте все ж дізнаємося, що таке відкладене завантаження, і які у неї переваги.
Плюси відкладеного завантаження
Відкладене завантаження має багато переваг. Замість завантаження всього контенту вона завантажує лише ту частину, яку видно користувачеві у вікні браузера. Це може виражатися по-різному, починаючи від просто затримки завантаження зображень і до повномасштабного нескінченного скролінгу контенту.
Вище швидкість завантаження сайту
Завантаження відбувається лише тоді, коли це необхідно. Подібна функція допомагає значно збільшити швидкість роботи сайту загалом. Це чудовий спосіб зменшити кількість відвідувачів, які залишили ваш сайт через повільне завантаження.
Поліпшення SEO
При скануванні вашого сайту роботи будуть звертати увагу і на швидкість його завантаження. Дослідження показали, що сайти з вищою швидкістю завантаження, як правило, займають вищу позицію в пошукових системах.
Інтуїтивно зрозумілий інтерфейс користувача
Відвідувачам більше не потрібно натискати на нову сторінку і чекати, поки вона завантажиться. У них з'являється можливість абсолютно спокійно та природно прокручувати інформацію, доки вони не знайдуть те, що шукали.
Мінуси відкладеного завантаження
Звичайно, з боку цей варіант здається просто ідеальним, однак у нього є свої мінуси.
Збитки для SEO
Так ми писали, що швидкість позитивно вплине під час сканування вашого сайту. Однак тут є негативний вплив. Враховуючи те, що певний контент просто не з'являється до того моменту, поки користувач до нього не дійде, то при скануванні пошукові системи, такі як Google, можуть просто його не побачити. Але таке могло б статися і за фіксованої кількості повідомлень на сайті. Це просто означає, що пошукова система не може взяти до уваги деяку важливу інформацію, яка існує у ваших архівах.
Низька продуктивність на старих браузерах
З урахуванням того, що контент завантажується тільки тоді, коли користувачі прокручують сайт до нього, можуть виникати проблеми з переглядом вмісту через продуктивність, особливо на старих браузерах або повільному інтернеті.
Ви, можливо, помічали це під час роботи на сайтах з відкладеним завантаженням, якщо ви хочете швидко проскручити вниз, то вам доведеться почекати кілька секунд, доки все завантажиться.
Крім того, користувачі не зможуть контролювати свої переходи за вмістом або використовувати кнопку браузера "Назад", коли шукатимуть контент, який вони нещодавно переглянули.
Коли використовувати відкладене завантаження
Як ви могли помітити, переваги та недоліки відкладеного завантаження потрапляють в ті самі області: пошукова оптимізація та взаємодія з користувачем.
Щоб отримати максимальну віддачу від відкладеного завантаження, потрібно використовувати його ощадливо. Спробуйте використовувати її лише на вашій домашній сторінці або сторінках з великою кількістю зображень і відключати на сторінках, які розміщують цінний SEO контент.
Експериментуйте і перевіряйте ваші дані, використовуючи Google Analytics (для трафіку сайту та SEO), Pingdom (для швидкості сайту) і просто звертайте увагу на фідбек користувача.
Як додати відкладене завантаження на WordPress сайт
На щастя, у вас є багато варіантів створення відкладеного завантаження на сайті WordPress.
Ви можете додати відкладене завантаження, створюючи власні функції. Можна використовувати відстрочену ініціалізацію, віртуальні проксі, контейнери значень та об'єкти ghost. Цей метод дасть вам найбільшу гнучкість, але його навряд чи підуть користувачі без знань і досвіду в програмуванні.
Ознайомтеся з деякими аспектами написання коду відкладеного завантаження на Проект коду або Elegant Themes.
Однак, оскільки кодинг у багатьох не є сильною стороною, власники сайтів WordPress часто вважають за краще використовувати плагіни. На щастя, є багато інструментів, які можуть допомогти у цьому питанні.
лінивий навантаження
Цей плагін розроблений у співпраці з Automattic та 10up. Він використовує jQuery.sonar від Dave Artz (AOL).
BJ Лінивий навантаження
Цей плагін допоможе вам створити код для відкладеного завантаження зображень на сайті WordPress.
Відкладене завантаження зображення (Unveil.js)
Цей плагін завдяки unveil.js допоможе збільшити продуктивність вашого сайту.
Rocket Лінивий Load
Плагін додає невеликий скрипт, який також використовується і у WP Rocket.
Розкрийте Lazy Load
Даний плагін використовує jQuery, щоб завантаження контенту відбувалося за необхідності, що прискорить роботу вашого сайту.
Нескінченна прокручування
Якщо ви хочете постійно завантажувати новий контент на сторінці свого сайту в міру прокручування вниз, вам знадобиться більш потужні інструменти, ніж перераховані вище плагіни відкладеного завантаження. Зверніть увагу на функцію Нескінченний сувій в Jetpack або на плагін Ajax Load More.
Висновок
Ви маєте багато варіантів для здійснення відкладеного завантаження на вашому сайті WordPress. Після реалізації відстежуйте свій рейтинг у Google та показник відмов вашого сайту. Ці фактори допоможуть визначити, чи вигідно впливає відкладене завантаження на пошукову оптимізацію та взаємодію з користувачами. Перевіряйте та обов'язково залишайте у коментарях свої відгуки.
Джерело: wpdailythemes.com
Коментарі до запису: 1
Переваги це чудово! особливо коли порівняння у цифрах. ;)