Медіа перетворює стерильний блог 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 . Звідти увімкніть lazy loading зображень на прискорення .

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

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

Прогресивне Lazy Loading та SEO на WordPress

Однак питання на мільйон доларів полягає в тому, як це нове lazy loading зображень впливає на SEO. Зрештою, хіба розмитий заповнювач зображень не додасть більше часу завантаження? Насправді, так. На практиці, зовсім ні. Заповнювач WP Speed of Light— це крихітне зображення розміром 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 – чудовий приклад популярного сервісу .