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

Похоже, это неделя, когда появляются новости о плагинах функций WordPress. Феликс Арнц, разработчик ядра WordPress и разработчик программ в Google, объявил о планах по внедрению в платформу функции отложенной загрузки . Если тестирование пройдет успешно, эта функция может появиться в WordPress 5.4 в марте.

Концепция отложенной загрузки позволяет отображать веб-страницу без загрузки определенных ресурсов, пока они не понадобятся. Это приводит к более быстрой загрузке страницы и сохраняет данные на стороне посетителя. Отложенная загрузка особенно полезна при рендеринге изображений в Интернете.

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

На протяжении многих лет различные библиотеки JavaScript обрабатывали эту функцию, но не всегда успешно. Нативное решение медленно проникает в браузеры. Собственная отложенная загрузка работает путем добавления loadingатрибута к элементу <img>или <iframe>. Затем браузеры могут решить, как загрузить ресурс, на основе значения атрибута. В настоящее время Chrome, Edge и Opera обрабатывают атрибут загрузки. Как только атрибут официально попадает в спецификацию HTML , функция должна стать стандартом, поддерживаемым всеми браузерами.

Внедрение нового атрибута загрузки – отличный шанс для WordPress стать лидером в области более быстрого Интернета в целом.

Феликс Арнц

Новый плагин функции отложенной загрузки теперь доступен в каталоге плагинов WordPress. Плагин полагается только на поддержку собственного браузера и не добавляет дополнительный JavaScript. Реализация добавляет атрибут загрузки к изображениям в содержимом сообщения, выдержках, комментариях, текстовых виджетах, аватарах и экземплярах использования основных функций изображений WordPress. По умолчанию плагин настраивает все изображения на отложенную, а не на нетерпеливую загрузку.

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

«Если WordPress по умолчанию включает встроенную отложенную загрузку, это существенно повлияет на производительность и удобство работы миллионов сайтов, не требуя никаких технических знаний или даже понимания концепции отложенной загрузки», – написал Арнтц в объявлении. «Принятие нового атрибута загрузки – отличный шанс для WordPress стать лидером в области более быстрой работы в Интернете».

Арнтц и команда инженеров первоначально выпустили собственный плагин отложенной загрузки в сентябре 2019 года. Это произошло вскоре после того, как Google добавила функцию атрибута «загрузка» в версию 76 своего браузера Chrome. Плагин Native Lazyload в настоящее время имеет более 7000 установок.

Как это влияет на существующие плагины

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

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

Разработчикам плагинов, которые обрабатывают отложенную загрузку, необходимо начать тестировать свои плагины и обновлять их для WordPress 5.4. Следуйте тикету API отложенной загрузки на ядре Trac, чтобы быть в курсе, когда функция появится, и репозиторию GitHub, чтобы внести свой вклад в ее разработку.