В Chrome 76 добавлена ​​встроенная отложенная загрузка, авторы WordPress продолжают обсуждение поддержки ядра

Последняя версия Chrome (76) поставляется с новым атрибутом «загрузка», который позволяет разработчикам указывать ресурсы, такие как изображения и фреймы, для отсрочки загрузки до тех пор, пока пользователь не приблизится к ним. В прошлом разработчики использовали сторонние библиотеки для обеспечения отложенной загрузки, но вскоре в этом больше не будет необходимости, так как все больше браузеров используют атрибут загрузки. Разработчики Chrome опубликовали убедительное подробное объяснение того, как встроенная отложенная загрузка на уровне браузера может повысить производительность.

Учитывая, казалось бы, непоколебимое, ошеломляющее доминирование Chrome на рынке , не пройдет много времени, прежде чем атрибут загрузки будет поддерживаться подавляющим большинством пользователей Интернета. У Firefox есть открытый билет для реализации отложенной загрузки с использованием этого синтаксиса, и эта функция также поддерживается в браузерах на основе Chromium 76. Он работает даже тогда, когда пользователь отключил JavaScript. А пока Chrome рекомендует разработчикам продолжать использовать стороннюю библиотеку вместе с loading = “lazy”, чтобы предоставить полифил для браузеров, которые еще не поддерживают этот атрибут.

Morten Rand-Hendriksen подал ПРОФ билеты 14 месяцев назад, рекомендуя WordPress ввести отложенную загрузку API для средств массовой информации и других элементов. Миллионы пользователей WordPress уже имеют ту или иную форму отложенной загрузки на своих сайтах с помощью популярных плагинов, таких как Jetpack , Autoptimize , Smush , WP-Optimize и других.

Рэнд-Хендриксен утверждает, что отложенная загрузка должна быть добавлена ​​в ядро, потому что это лучшая практика, которую WordPress не должен требовать от владельцев сайтов для реализации самостоятельно. Без основного стандарта отложенной загрузки темы и плагины используют разные подходы к решению этой проблемы, что может вызвать конфликты и неожиданное поведение. Авторы, работающие над тикетом, все еще обсуждают особенности того, как ядро ​​WordPress может лучше всего поддерживать ленивую загрузку.

Тем временем разработчики WordPress, которые хотят воспользоваться преимуществами встроенной отложенной загрузки, делятся своими функциями и настраиваемыми плагинами на GitHub, WordPress.org и в группе Advanced WordPress Facebook .

Питер Шоу создал плагин под названием LH Native Lazy Loading, который добавляет атрибут «загрузка» к тегам IMG и IFRAME, обнаруживаемым при фильтрации the_content (), миниатюрах публикации и oembed. Он не добавляет никаких дополнительных CSS или JavaScript и совместим с ленивыми загрузчиками изображений на основе JavaScript на тот случай, если вы хотите использовать их в качестве запасного варианта для браузеров, которые не поддерживают этот атрибут.

Крис Франкетти поделился сутью функции, которая добавляет отложенную загрузку к чему-либо с src. Крис Зэллер опубликовал на GitHub набор функций под названием WP Lazy, которые работают по-другому. Он добавляет loading=“lazy”атрибут при вставке нового мультимедиа или отображении галереи с помощью шорткода галереи WordPress.

Если есть длительная задержка в билете core trac, неизбежно будет распространение решений с отложенной загрузкой, которые позволят пользователям WordPress реализовать то, что уже поддерживают несколько основных браузеров. Существующие плагины отложенной загрузки также могут измениться, чтобы добавить поддержку атрибута «загрузка», с их предыдущими решениями в качестве резервной копии для браузеров, которые еще не поддерживают его.