Как отключить автовоспроизведение изображений в WordPress

В WordPress с версии 5.5 по умолчанию включена функция ленивой загрузки изображений (Lazy Load). Это значит, что изображения на странице подгружаются не сразу при загрузке сайта, а только тогда, когда пользователь до них доскроллит. Такая оптимизация ускоряет загрузку страниц и снижает нагрузку на сервер.

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

Что такое автовоспроизведение изображений в WordPress (Lazy Load)

Lazy Load — это технология, при которой браузер загружает только те изображения, которые видны пользователю в данный момент. Остальные изображения загружаются по мере прокрутки страницы. В WordPress функция реализована через добавление атрибута loading="lazy" к тегу <img>.

Преимущества:

• Ускоряет начальную загрузку страницы.
• Снижает расход трафика для посетителей.
• Уменьшает нагрузку на сервер.

Но ленивое воспроизведение не всегда удобно. Иногда нужно полностью отключить эту функцию.

Почему стоит отключить автовоспроизведение изображений в WordPress

Основные причины, по которым может понадобиться отключить Lazy Load:

• Проблемы с отображением — изображения не загружаются вовремя или отображаются с задержкой.
• Конфликты с плагинами, например, с слайдерами, галереями, которые используют свои методы загрузки.
• SEO и аналитика — иногда Lazy Load мешает корректному сканированию изображений поисковыми роботами.
• Отладка и тестирование — для проверки работы сайта с обычной загрузкой.

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

Как отключить автовоспроизведение изображений в WordPress через functions.php

Самый простой способ — убрать фильтр, который добавляет атрибут loading="lazy". Для этого нужно добавить следующий код в файл functions.php вашей темы или в плагин для кастомных функций:

function wpmart_disable_lazy_load_images( $value ) {
    return false;
}
add_filter( 'wp_lazy_loading_enabled', 'wpmart_disable_lazy_load_images' );

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

Пояснение к коду

Хук wp_lazy_loading_enabled возвращает булево значение, которое отвечает за включение Lazy Load. Если вернуть false, функция отключается.

Отключение Lazy Load для отдельных изображений или типов записей

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

Для этого можно использовать фильтр и условные теги WordPress:

function wpmart_disable_lazy_load_for_header( $default, $image, $context ) {
    if ( is_front_page() && $context === 'the_content' ) {
        // Отключаем lazy load для изображений на главной странице в контенте
        return false;
    }
    return $default;
}
add_filter( 'wp_lazy_loading_enabled', 'wpmart_disable_lazy_load_for_header', 10, 3 );

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

Использование плагинов для управления автовоспроизведением изображений

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

Clearfy Pro

Плагин Clearfy Pro содержит удобные настройки для отключения ленивой загрузки по всему сайту или для отдельных элементов. Он также помогает оптимизировать другие аспекты WordPress.

Disable Lazy Load

Простое бесплатное расширение для отключения Lazy Load. Устанавливаете, активируете — и ленивое воспроизведение отключено.

Проверка отключения Lazy Load и диагностика проблем

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

• Откройте исходный код страницы — теги <img> не должны содержать атрибута loading="lazy".
• Проверьте скорость загрузки страницы с помощью сервисов Google PageSpeed Insights, GTmetrix или WebPageTest.
• Проверьте отображение изображений на разных устройствах и браузерах.
• Если использовали фильтры для условного отключения, проверьте соответствующие страницы.

Заключение

Отключение автовоспроизведения изображений в WordPress — простая и полезная операция в случаях, когда Lazy Load вызывает проблемы с отображением или совместимостью. Вы можете отключить ленивую загрузку полностью через фильтр wp_lazy_loading_enabled или сделать это выборочно для отдельных страниц или типов контента.

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

Экспериментируйте с настройками, тестируйте результаты и улучшайте производительность вашего сайта на WordPress!