Завантаження зображень - прогресивне 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? Якщо у вас є додаток pro для плагіна 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 всі елементи SEO HTML-зображення завантажуються з першого разу (не ліниво). Тому 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 - прекрасний приклад популярного сервісу