Как отложить закадровые изображения в WordPress

Мы все знаем, что скорость очень важна для SEO и конверсия. Создание быстрого веб-сайта может повысить его рейтинг в Google. И это также может сделать ваших читателей счастливыми. Кому не нравится быстрый сайт?

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

Если вы проверили свой сайт через инструменты для проверки скорости как Google PageSpeed ​​Insight или Web.dev, одно из предупреждений, которое вы можете получить, — «отложить закадровые изображения».

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

Однако вы должны знать, что почему отсрочка закадровых изображений может повысить скорость вашего мобильного устройства, наиболее важными факторами, влияющими на вашу скорость, являются ваш хостинг и тема. Здесь в БлогиИнструменты, которые мы используем Cloudways потому что это самый быстрый хостинг WordPress. Если вы не можете позволить себе Cloudways, то Bluehost или Hostinger — хорошие варианты. Для темы мы используем самый быстрый Тема WordPress известный как GeneratePress.

Что означает отложить закадровые изображения?

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

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

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

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

Как отложить закадровые изображения в WordPress

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

Как только вы сможете лениво загружать изображения и другие ресурсы, которые мешают вашей странице загружаться быстро. Функция «отложить закадровые изображения» из Google PageSpeed ​​Insight и других инструментов тестирования исчезнет.

Выполните следующие действия, чтобы отложить закадровые изображения в WordPress:

1. Установите плагин отложенной загрузки

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

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

Кроме того, если вы используете Jetpack и выполняете автоматическую оптимизацию, у них есть варианты отложенной загрузки.

2. Активируйте ленивую загрузку

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

3. Очистите кеш.

После активации ленивой загрузки очистите кеш и все!

Вы можете снова протестировать свой сайт, предупреждение должно исчезнуть!

Плагин WordPress для отложенных закадровых изображений

Плагины отложенных изображений аналогичны плагинам отложенной загрузки. Вот некоторые из них:

1. Реактивный ранец

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

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

2. Автоматическая оптимизация

Autoptimize — очень популярный плагин производительности. Если вы используете Autoptimize, нет необходимости устанавливать плагин отложенной загрузки, так как Autoptimize имеет ту же функцию.

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

3. WP Rocket

WP Rocket — самый популярный плагин кеширования WordPress премиум-класса. Если вы используете WP Rocket, вам не нужны никакие другие плагины, у них включена отложенная загрузка.

Перейдите в настройки WP Rocket, затем нажмите на медиа, оттуда вы можете включить отложенную загрузку.

4. LiteSpeed ​​Cache

Если вы используете Плагин LiteSpeed ​​Cache, Он имеет функцию отложенной загрузки. Чтобы активировать, просто перейдите в раздел мультимедиа, и там вы можете включить ленивую загрузку.

5. Ленивая загрузка a3

Если вам просто нужен плагин для ленивой загрузки, то a3 Ленивая загрузка хороший плагин для этого. Просто зайдите в плагин> добавить новый. Найдите a3 Lazy Load. Установите и активируйте. Затем перейдите в настройки плагина и активируйте ленивую загрузку.

Как правило, некоторые темы, некоторые плагины кеша и некоторые плагины оптимизации изображений имеют функцию отложенной загрузки.

Часто задаваемые вопросы (FAQ)