Завантаження зображень – прогресивне Lazy Loading у WordPress

Медіа перетворюють стерильний блог WordPress на живий, жвавий вебсайт, але гірка правда полягає в тому, що файли та SEO погано поєднуються. Насправді мало що можна сказати на противагу — повільніше завантаження призводить до нижчих показників SEO. Однак не все втрачено. Кілька місяців тому ми розповідали про те, як WP Speed of Light пом’якшує проблеми з lazy loading. Тепер ми робимо ще один крок уперед.

Нагадаємо, lazy loading не завантажує всі зображення у записі чи на сторінці WordPress одразу, щойно користувач потрапляє на сторінку. Натомість WP Speed of Light чекає, поки зображення з’являться в полі зору, щоб завантажити їх. Завдяки цьому сторінка спочатку завантажується набагато швидше, що допомагає SEO і робить взаємодію приємнішою для читачів із повільнішим інтернетом.

У версії 2.5 плагіна для WordPress функцію lazy loading було вдосконалено, щоб вона трохи краще реагувала на пристрої вашої аудиторії та їхні обмеження. Остання ітерація lazy loading у WP Speed of Lightє більш адаптивною, особливо для користувачів на слабких мобільних пристроях або з повільним інтернетом.

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

Зображення без таємниць

Що найкраще в останньому оновленні WP Speed of Light? Якщо у вас є професійний додаток для плагіна WordPress, вам майже не доведеться докладати зусиль. Щоб налаштувати lazy loading, перейдіть до WP Speed of Light ’s оптимізація швидкості меню. Звідти увімкніть зображення lazy loading з прискорення вкладки.

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

Як показано вище, на повільних мережах ваші зображення спочатку відображатимуться як зображення-заповнювач низької роздільної здатності, розмите для кращої естетики. WordPress завантажує — точніше, відкладено завантажує — повнозображення у фоновому режимі, не перериваючи читання. Коли зображення завершує lazy loading, зображення-заповнювач поступається місцем повному зображенню.

Прогресивне Lazy Loading і SEO у WordPress

Однак питання на мільйон доларів полягає в тому, як це нове відкладене завантаження зображень lazy loading впливає на SEO. Зрештою, хіба розмитий заповнювач зображення не додасть більше часу на завантаження? Насправді так. На практиці — анітрохи. Заповнювач WP Speed of Light’s — це крихітне зображення розміром 20 пікселів, яке завантажується за незначний час і не створює жодних накладних витрат на час завантаження для вашого SEO. Водночас розмиття приховує піксельні артефакти зображення низької якості.

І, як і в попередній версії lazy loading , усі HTML-елементи SEO зображень завантажуються одразу (без відкладеного завантаження). Тому боти Google та інші можуть читати ім'я файлу зображення, заголовок і атрибут alt.

SEO важливе, але воно має бути другорядним порівняно з користувацьким досвідом. Останнє оновлення WP Speed of Lightвраховує цей принцип, але поєднує функціональність, що приносить користь SEO, з естетикою, яка змушує читачів повертатися знову — і все це без жодних додаткових витрат для SEO. Перегляньте відображення прогресивного lazy loading тут:

Якщо ви хочете впровадити прогресивне lazy loading на своєму сайті WordPress, просто перейдіть за цим посиланням: https://www.joomunited.com/wp-speed-of-light

WP Speed of Light ефективний на всіх хостингових сервісах в інтернеті, наприклад, Cloudways є чудовим прикладом популярного сервісу.