Отложенная загрузка (lazy load) изображений — это популярная техника оптимизации производительности сайта, которая загружает картинки только тогда, когда они становятся видимыми в области просмотра пользователя. В WordPress функция lazy load встроена по умолчанию начиная с версии 5.5, что значительно улучшает скорость загрузки страниц. Однако в некоторых случаях отложенная загрузка может вызывать проблемы с отображением изображений, скриптами или плагинами, и тогда возникает необходимость ее отключить.
Причины отключения отложенной загрузки в WordPress
Несмотря на преимущества lazy load, бывают ситуации, когда ее желательно отключить:
- Совместимость с плагинами и темами: Некоторые сторонние плагины или темы могут конфликтовать с встроенной отложенной загрузкой, приводя к неправильному отображению изображений или сбоев в работе UI.
- SEO и социальные сети: В редких случаях lazy load влияет на индексацию изображений поисковыми системами или корректное отображение превью в соцсетях.
- Проблемы с критическим изображением выше сгиба: Если на странице есть важные изображения, которые должны загружаться сразу, lazy load может негативно сказаться на пользовательском опыте.
В таких случаях отключение отложенной загрузки — практическое решение.
Как отключить отложенную загрузку изображений в WordPress через функции темы
Самый простой и надежный способ отключить lazy load — убрать атрибут loading="lazy" из тегов <img>. В WordPress это можно сделать с помощью фильтра wp_lazy_loading_enabled. Ниже пример функции, которую можно добавить в файл functions.php вашей темы или в плагин:
function wpplugins_disable_lazy_loading( $default, $image, $context ) {
return false; // Отключаем lazy load для всех изображений
}
add_filter( 'wp_lazy_loading_enabled', 'wpplugins_disable_lazy_loading', 10, 3 );Данная функция полностью отключит встроенную в WordPress отложенную загрузку для всех изображений.
Отключение lazy load только для определенных изображений
Если нужно отключить lazy load только для некоторых изображений, например, для логотипа или первого баннера, можно сделать более точечное условие:
function wpplugins_disable_lazy_loading_conditional( $default, $image, $context ) {
if ( $context === 'post-thumbnail' ) {
return false; // Отключаем lazy load для миниатюр записей
}
return $default; // Для остальных используем стандартное поведение
}
add_filter( 'wp_lazy_loading_enabled', 'wpplugins_disable_lazy_loading_conditional', 10, 3 );Это позволит гибко управлять отложенной загрузкой в зависимости от контекста.
Отключение lazy load через плагины
Если вы не хотите править код, можно использовать плагины, которые управляют lazy load в WordPress:
- Disable Lazy Load — простой плагин, который одним кликом отключает встроенную отложенную загрузку.
- Clearfy Pro — многофункциональный плагин оптимизации сайта, который среди прочего позволяет гибко управлять lazy load и другими функциями.
- WP Rocket — популярный плагин кеширования и оптимизации, где в настройках можно отключить lazy load для изображений и iframe.
При выборе плагина обратите внимание на совместимость с вашей версией WordPress и установленными расширениями.
Проверка отключения lazy load и отладка
После отключения отложенной загрузки важно проверить, действительно ли атрибут loading="lazy" пропал из HTML. Для этого:
- Откройте страницу сайта в браузере.
- Через контекстное меню выберите «Просмотреть код» или «Inspect».
- Найдите теги <img> и проверьте наличие или отсутствие атрибута
loading="lazy".
Если атрибут остался, значит отключение прошло некорректно — стоит перепроверить код или настройки плагинов.
Также полезно проверить скорость загрузки страницы и поведение изображений в разных браузерах и устройствах, чтобы убедиться, что отключение lazy load не ухудшило UX.
Дополнительные советы по работе с изображениями в WordPress
Использование плагина ABC Pagination для оптимизации пагинации изображений
В случаях, когда на сайте много изображений, например в фотогалереях или портфолио, удобная пагинация позволяет улучшить навигацию и снизить нагрузку на сервер. Плагин ABC Pagination отлично справляется с этой задачей. Он легко интегрируется с любыми типами записей и выводит удобные постраничные навигационные кнопки.
Использование оптимизированных форматов изображений
Чтобы дополнительно улучшить производительность сайта, советуем использовать современные форматы изображений, такие как WebP. WordPress поддерживает WebP начиная с версии 5.8. Для конвертации и автоматической подстановки WebP можно использовать плагины, например Imagify или ShortPixel.
Заключение: когда отключать lazy load в WordPress оправдано
Отложенная загрузка — мощный инструмент повышения производительности и UX, но в некоторых ситуациях она может мешать корректной работе сайта. Если вы столкнулись с проблемами отображения изображений, ошибками в плагинах или SEO, отключение lazy load — разумный шаг. Используйте приведенные выше методы для безопасного и эффективного отключения, а также проверяйте результат.
Для получения дополнительных инструментов оптимизации рекомендуем обратить внимание на Clearfy Pro — плагин с широким набором функций по оптимизации и безопасности WordPress.