Перейти до основного вмісту
3 хвилини читання (636 слів)

Завантаження зображення - Прогресивне Lazy Loading на WordPress

Обкладинка

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

 

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

 

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

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

 

Образи Демістифіковані

Що найкраще в останньому оновленні WP Speed of Light ? Якщо у вас є професійний аддон для плагіна WordPress, вам потрібно ледве поворухнути пальцем. Щоб налаштувати lazy loading , перейдіть до меню оптимізації швидкості WP 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.

 

образ-ледачий-loadin-seo

 

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 є чудовим прикладом популярної служби .

4
Будьте в курсі

Коли ви підпишетеся на блог, ми надішлемо вам електронний лист, коли на сайті з’являться нові оновлення, щоб ви їх не пропустили.

Схожі повідомлення

 

Коментарі

Коментарів ще немає. Будьте першим, хто надішле коментар
Вже зареєстровані? Увійдіть тут
Четвер, 21 листопада 2024 р

Зображення Captcha