Новый WordPress c «хромой» ленивой загрузкой изображений по умолчанию

В марте выйдет новая версия WordPress, в которой появится ленивая загрузка изображений по умолчанию. Для этого в ядро движка добавят поддержку атрибута loading="lazy". Но данным функционалом можно воспользоваться уже сейчас…

Ленивая загрузка по умолчанию!

Но пока с плагином. На днях команда WordPress сообщила о появлении в следующем (5.4) релизе системы управления контентом поддержки отложенной загрузки графического контента. Причем эта функция будет активирована в CMS по умолчанию. Для этого в ядро движка добавят поддержку атрибута loading="lazy". Для справки: Отложенная (ленивая) загрузка – термин, которым обозначают совокупность программных методов асинхронной загрузки графического содержимого веб-страницы. Браузер получает с сервера сразу не все изображения, а только те, что находятся в области просмотра. Что позволяет повысить производительность сайта, уменьшить скорость загрузки и улучшить пользовательский опыт за счет более быстрого предоставления (без ожидания) запрашиваемого контента. В WordPress для реализации ленивой загрузки чаще всего используются Java Script-библиотеки и основанные на них плагины.

Пока можно и протестировать

Согласно плану выхода новых релизов WordPress на 2020-2021 гг., 5.4 версию системы управления контентом представят только в конце марта. Но уже сейчас данный функционал можно протестировать, загрузив с GitHub экспериментальный плагин, добавляющий в WordpRess поддержку атрибута loading. Также плагин Lazy Loading Feature Plugin можно установить из хранилища WordPress. Для справки: Атрибут loading появился летом 2019 г. Поэтому он еще плохо поддерживается современными браузерами. Его можно использовать для реализации ленивой загрузки в последних версиях Chrome, Opera и Edge. Более подробная информация по атрибуту loading доступна в технической документации MDN.

И снова грабли!

Не для всех. Протестировать Lazy Loading Feature Plugin получится не у каждого. В характеристиках плагина сказано, что для его запуска потребуется версия движка не ниже 5.3. А также PHP 5.6.2 и выше. Но нам удалось проверить работоспособность плагина. После установки Lazy Loading Feature Plugin в каждый тег <img> изображений (в новых и существующих постах, комментариях и страницах сайта) добавляется атрибут loading со значением lazy. Просмотр HTML-кода доказывает, что плагин работает: Получается, что для реализации ленивой загрузки в WordPress уже не нужны специализированные плагины… Но рано радоваться на всю катушку, пока хромает кроссбраузерность атрибута loading!