WordPress добавит ленивую загрузку изображений с версии 5.4

Рубрика: Практика и кейсы | Время на чтение: 3 мин.

WordPress объявил, что с версии 5.4 в движок будет добавлена отложенная (ленивая) загрузка изображений по умолчанию. Эта функция автоматически пропишет соответствующий HTML-атрибут для всех IMG-элементов на вашем сайте. Больше не нужно будет использовать для этих целей JavaScript или сторонние плагины.

WordPress добавит ленивую загрузку изображений с версии 5.4

Оглавление

Отложенная загрузка

HTML-атрибут ленивой загрузки сообщает браузеру о том, что он должен либо подождать загрузку картинки, либо загрузить её немедленно. Всего существует 3 атрибута такой загрузки, но значение имеют только 2 из них:

Lazy (отложенная).
Eager (немедленная).

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

Ну и просто для справки: атрибут «Eager» заставляет браузер моментально загрузить изображение.

Дата выхода WordPress 5.4

Выпуск WordPress 5.4 в настоящее время запланирован на 31 марта 2020 года. Эта дата может меняться в зависимости от того, насколько готов релиз. Но WordPress обычно очень хорошо справляется с этим моментом и не затягивает сроки.

Ленивая загрузка изображений в ВордПресс - официальный анонс от разработчиков

Согласно официальному анонсу:

Релиз стремится включить ленивую загрузку изображений по умолчанию, предоставляя атрибуту загрузки значение lazy для следующих тегов img:

Изображения в контенте поста
Изображения в анонсе
Изображения в комментариях
Изображения в текстовом виджете
Отдельные изображения, отображающиеся с помощью wp_get_attachment_image ()
Изображения аватаров, полученные с помощью get_avatar ()

Обратите внимание, что loading=”lazy” будет добавлено только в том случае, если соответствующий тег ещё не содержит атрибут загрузки. Другими словами, чтобы изображение не загружалось «лениво», рекомендуется указать loading = ”eager”.

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

Google, например, указал на Web.dev, что у них есть планы автоматически включить отложенную загрузку для всех изображений, когда браузер находится в режиме Lite (ранее известный, как режим Data Saver).

Тест-драйв отложенной загрузки в WordPress

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

Плагин для тестирования отложенной загрузки в ВордПресс

Это хорошая новость для всех издателей, владеющих сайтами на WP. Одним лишним плагином станет меньше. Однако не очень хорошая – для создателей таких плагинов.