Команда WordPress Core Performance выпустила два плагина, которые ускоряют веб-страницы с помощью новых технологий, которые предварительно отображают URL-адреса перед тем, как пользователь нажмет на ссылку, и ускоряют отложенную загрузку изображений.
Содержание
Команда основной производительности WordPress
Команда WordPress Core Performance отвечает за координацию с различными командами разработчиков WordPress Core для повышения производительности, а также работает над проектами, которые напрямую влияют на улучшение производительности ядра WordPress.
Первоначальный план выступления команды был таков:
- Руководит формированием рабочих групп.
- Координация первоначальных административных задач (канал Slack, еженедельные встречи, планирование назначения представителей в рабочие группы и т. д.)
- Создайте формулировку миссии для команды
- Координировать области, которые необходимо решить
- опишите объем и дорожную карту
Плагины производительности WordPress
Некоторые улучшения производительности WordPress сначала тестируются в плагинах, а затем интегрируются в будущую версию WordPress.
Пользователи, которые загружают плагины, могут первыми в мире использовать и получать выгоду от улучшения скорости веб-сайта, и ожидается (надеюсь), что те, кто использует плагины, также оставят отзывы о своем положительном и отрицательном опыте.
Первый и самый популярный плагин, выпущенный Performance Team, — это Плагин Performance Lab который имеет пять модулей, которые можно включать или выключать в зависимости от потребностей пользователя.
Текущие модули плагина Performance Lab:
- Преобладающие цветовые изображения:
Добавляет поддержку сохранения доминирующего цвета вновь загруженных изображений и создания фона-заполнителя этого цвета. - Проверка работоспособности поддержки WebP:
Добавляет проверку поддержки WebP в статусе работоспособности сайта. - WebP загружает:
Создает версии WebP для загрузки новых изображений JPEG, если это поддерживается сервером. - Проверка работоспособности активов в очереди:
Добавляет проверку ресурсов CSS и JS в статусе работоспособности сайта. - Проверка целостности автоматически загружаемых опций:
Добавляет проверку автоматически загружаемых параметров в статусе работоспособности сайта.
Два новых плагина производительности
Сегодня анонсированы два совершенно новых плагина:
- Автоматическое изменение размера для ленивых загружаемых изображений
- Правила спекуляций
Эти два плагина улучшают производительность двумя разными способами, то есть оба можно использовать для достижения максимального улучшения.
Новый плагин WordPress для автоматического изменения размера
Ленивая загрузка — это метод оптимизации производительности, который задерживает (приостанавливает) загрузку некритических изображений для сокращения времени загрузки страницы. Изображения, необходимые для рендеринга видимой части веб-страницы, загружаются первыми, а те, которые не являются необходимыми, откладываются до тех пор, пока пользователь не прокрутит страницу и не потребуются изображения.
Этот плагин интегрирует новый атрибут отложенной загрузки HTML, называемый «sizes=»auto», который устанавливает для атрибута «sizes» для отложенно загружаемых изображений значение «auto» с использованием «srcset» и ускоряет загрузку изображений, которые необходимы, когда пользователь прокручивает страницу вниз. .
Атрибут images=»auto» для изображений является частью спецификации адаптивных изображений в HTML, но не связан конкретно с отложенной загрузкой. Вместо этого атрибут size используется с srcset, чтобы предоставить браузеру размеры изображения, необходимые для отображения изображения в различных размерах области просмотра. После этого браузер сможет выбрать наиболее подходящий источник изображения из набора Srcset.
Новый плагин правил спекуляций WordPress
Плагин Speculation Rules использует API Speculation Rules для загрузки ресурсов с веб-сайтов, которые может запросить пользователь. Плагин Speculation Rules, по сути, предсказывает, что страница будет запрошена, и начинает предварительную обработку веб-страницы до того, как пользователь нажмет ссылку.
Официальное описание плагина объясняет:
«По умолчанию использует API правил спекуляции для предварительной визуализации связанных URL-адресов при наведении курсора».
API правил спекуляций — это функция, предназначенная для повышения производительности просмотра веб-страниц, позволяя веб-страницам предоставлять браузеру подсказки о возможных ссылках, по которым пользователь может щелкнуть, чтобы перейти на другую веб-страницу. Затем браузер может выполнить предварительную выборку или предварительную обработку ресурсов в зависимости от вероятности того, что посетитель веб-сайта щелкнет ссылку для перехода на новую веб-страницу.
Сайт разработчика Mozilla для API для правил спекуляций объяснил:
«API-интерфейс Speculation Rules предназначен для повышения производительности будущей навигации. Он нацелен на URL-адреса документов, а не на конкретные файлы ресурсов, что делает его полезным для многостраничных приложений (MPA), а не для одностраничных приложений (SPA).
API правил спекуляций предлагает альтернативу широко используемой функции и является устаревшей функцией только для Chrome. заменять. Он предлагает множество улучшений по сравнению с этими технологиями, а также более выразительный и настраиваемый синтаксис для указания того, какие документы следует предварительно выбирать или предварительно визуализировать».
Для реализации плагина требуется использование Chrome версии не ниже 121. Пользователи, посещающие веб-сайт с помощью другого браузера, который не поддерживает API Speculation Rules, никак не пострадают, веб-страница будет отображаться как обычно.
Согласно документации плагина:
«По умолчанию плагин настроен на предварительную отрисовку URL-адресов внешнего интерфейса WordPress, когда пользователь наводит курсор на соответствующую ссылку. Это можно изменить в разделе «Правила спекуляций» ниже. Настройки > Чтение.
С помощью фильтра определенные URL-пути можно исключить из предварительной выборки и предварительной обработки (см. раздел «Часто задаваемые вопросы»). Альтернативно вы можете добавить CSS-класс no-prerender к каждой ссылке (
<a>Day), который не следует предварительно визуализировать».
Узнайте больше о новых плагинах производительности WordPress и загрузите их здесь:
Плагин WordPress для автоматического изменения размера лениво загружаемых изображений
Плагин правил спекуляций WordPress
Рекомендованное изображение с сайта Shutterstock/Haali.
