Как легко лениво загружать изображения в WordPress (2 способа)

Хотите узнать, как лениво загружать изображения в WordPress?? Ленивая загрузка позволяет вашему сайту загружать изображения только тогда, когда...

Хотите узнать, как лениво загружать изображения в WordPress??

Ленивая загрузка позволяет вашему сайту загружать изображения только тогда, когда пользователь прокручивает страницу вниз до определенного изображения, что сокращает время загрузки сайта и повышает его производительность.

Большинство популярных сайтов с большим количеством изображений используют ленивую загрузку для увеличения скорости и производительности сайта.

В этой статье мы покажем вам, как легко и просто лениво загружать изображения в WordPress, шаг за шагом.

Зачем нужна ленивая загрузка изображений в WordPress?

Ленивая загрузка изображений WordPress может ускорить ваш сайт и предложить лучший пользовательский опыт.

Никому не нравятся медленные сайты. Фактически, исследование производительности показало, что одна секунда задержки времени загрузки страницы приводит к снижению конверсий на 7%, просмотров страниц на 11% и снижению удовлетворенности клиентов на 16%.

Исследование Strangeloop

Поисковые системы, такие как Google, тоже не любят медленно загружающиеся сайты. Вот почему более быстрые сайты занимают более высокие места в результатах поиска.

Изображения занимают больше всего времени для загрузки на вашем сайте по сравнению с другими веб-элементами. Если вы добавляете много изображений в свои статьи, то каждое изображение увеличивает время загрузки страницы.

Один из способов справиться с этой ситуацией — использовать службу CDN, например BunnyCDN. CDN позволит пользователю загружать изображения с ближайшего к нему веб-сервера и снизит скорость загрузки сайта.

Однако ваши изображения все равно будут загружаться и влиять на общее время загрузки страницы. Чтобы решить эту проблему, вы можете отложить загрузку изображений, реализовав на своем сайте ленивую загрузку.

Как работает ленивая загрузка для изображений?

Вместо того, чтобы загружать все изображения сразу, ленивая загрузка загружает только те изображения, которые видны на экране пользователя. Заменяет все другие изображения на картинку-заполнитель или пустое место.

По мере того, как пользователь прокручивает страницу вниз, ваш сайт загружает изображения, которые видны в области просмотра браузера.

Ленивая загрузка может быть очень полезной для вашего блога WordPress.

  • Это уменьшает время начальной загрузки веб-страницы, поэтому пользователи будут видеть ваш сайт быстрее
  • Это экономит полосу пропускания, передавая только те изображения, которые просматриваются, и позволяет сэкономить на стоимости хостинга

Выход WordPress 5.5 Добавление ленивой загрузки в качестве функции по умолчанию.

Однако если вы хотите настроить ленивую загрузку изображений и ленивую загрузку фоновых изображений, вам необходимо использовать плагин WordPress.

Примечание: Хотя ленивая загрузка поможет улучшить скорость загрузки сайта, вы всегда должны оптимизировать изображения для веб перед загрузкой в WordPress для достижения максимальной производительности.

Мы собираемся поделиться двумя различными плагинами WordPress, которые помогут вам легко настроить ленивую загрузку для изображений WordPress. Вы можете использовать быстрые ссылки ниже, чтобы сразу перейти к методу, который вы хотите использовать.

  • Ленивая загрузка изображений WordPress с помощью WP Rocket
  • Ленивая загрузка изображений WordPress с помощью Optimole

Способ 1. Ленивая загрузка изображений в WordPress с помощью WP Rocket

Мы рекомендуем использовать плагин WP Rocket для ленивой загрузки изображений в WordPress. Это лучший плагин кэширования WordPress на рынке, который позволяет легко включить ленивую загрузку изображений.

Помимо этого, это очень мощный плагин, который поможет вам оптимизировать скорость вашего сайта без знания сложных технических терминов.

Все рекомендуемые по умолчанию настройки кэширования значительно ускорят работу вашего сайта WordPress.

Чтобы включить ленивую загрузку изображений, достаточно установить несколько флажков. Вы даже можете включить ленивую загрузку для видео, что еще больше повысит скорость вашего сайта.

Ленивая загрузка изображений WP Rocket

Примечание: Если вы используете Siteground в качестве хостинг-провайдера WordPress, то вы можете использовать бесплатный плагин SiteGround Optimizer, который имеет аналогичные функции ленивой загрузки.

Метод 2. Ленивая загрузка изображений в WordPress с помощью Optimole

Этот метод использует бесплатный плагин Optimole. Это один из лучших плагинов WordPress для сжатия изображений, который позволяет легко включить ленивую загрузку изображений.

Если вы получаете более 5 000 посетителей в месяц, то вам понадобится премиум-версия.

Сначала вам нужно установить и активировать плагин. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.

После активации перейдите на страницу Медиа » Оптимоле затем вам нужно подписаться на получение ключа API.

Зарегистрируйтесь для получения ключа API

Просто нажмите кнопку «Зарегистрироваться и отправить API-ключ», и он будет отправлен вам по электронной почте.

Затем введите свой API-ключ и нажмите «Подключиться к сервису Optimole».

Введите ключ API

После этого перейдите на вкладку «Настройки».

Здесь вы можете убедиться, что параметр «Масштабировать изображения и & Ленивая загрузка» включен. Это позволит генерировать изображения в зависимости от размера экрана вашего посетителя и улучшит скорость загрузки.

Настройки ленивой загрузки

Далее нажмите на опцию меню ‘Advanced’ и выберите ‘Lazyload’.

На этом экране есть несколько различных настроек, которые позволяют вам настроить, как ваши изображения будут лениво загружаться.

Во-первых, вы можете настроить параметр ‘Exclude first number of images from lazyload’. Это остановит ленивую загрузку изображений в верхней части ваших постов или страниц, так что изображения над сгибом всегда будут отображаться.

Исключение изображений для ленивой загрузки

Вы можете установить значение 0, если хотите, чтобы каждое изображение лениво загружалось.

Далее, вы можете включить ползунок ‘Масштабировать изображения’.

Включить масштабирование изображений

Это позволит масштабировать изображения в соответствии с размером экрана посетителя и ускорить загрузку страницы.

После этого вы можете включить параметр «Включить ленивую загрузку для фоновых изображений».

Ленивая загрузка фоновых изображений

Это позволит загрузить фоновые изображения, которые могут быть одними из самых больших на вашем сайте.

Еще одна настройка, которую вы можете включить, — это ленивая загрузка встроенных видео и iframes. Если у вас много встроенного видеоконтента, то вы захотите включить эту настройку.

Ленивая загрузка видео

При этом вместо видео будет загружено изображение-заполнитель. При нажатии на кнопку загружается полное видео.

Вы можете продолжить настраивать эти параметры и посмотреть, что лучше всего подходит для вашего сайта и ваших изображений.

Прежде чем выйти из настроек плагина, не забудьте нажать кнопку ‘Сохранить изменения’.

Мы надеемся, что эта статья помогла вам узнать, как сделать ленивую загрузку изображений в WordPress. Вы также можете ознакомиться с нашим руководством для начинающих по SEO оптимизации изображений для поисковых систем и подборкой лучших сервисов email-маркетинга для малого бизнеса.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий