Разработчики WordPress выпустили плагин производительности для «практически мгновенной загрузки» сайтов

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

Спекулятивная загрузка

Для начала введем немного терминологии. Рендеринг — построение всей веб-страницы так, чтобы она мгновенно отображалась для посетителя. Когда ваш браузер загружает HTML, изображения и другие ресурсы, формируя из них веб-страницу, это и есть рендеринг. Предварительный рендеринг (пререндеринг) — это сборка веб-страницы в фоновом режиме.

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

Chrome производит пререндеринг страницы только в том случае, если вероятность перехода посетителя на нее составляет не менее 80%. На официальной странице поддержки Chrome для предварительного рендеринга отмечено следующее:

«Для страницы следует выполнять пререндеринг только в том случае, если существует высокая вероятность того, что страница будет загружена пользователем. Вот почему параметры пререндеринга в адресной строке Chrome применяются только тогда, когда существует высокая вероятность перехода (более 80% случаев)»

На той же странице разработчика есть предостережение о том, что предварительный рендеринг может не производиться в зависимости от пользовательских настроек, использования памяти и других аспектов (подробнее о том, как аналитика обрабатывает пререндеринг, см. ниже).

«Speculative Loading API решает проблему, с которой не могли справиться другие подходы. Ранее происходила простая предварительная загрузка ресурсов (таких как JavaScript и CSS), но пререндеринг всей страницы не осуществлялся».

Официальный анонс WordPress объясняет это так:

«Представляем вашему вниманию Speculation Rules API. Это новый API, который решает вышеуказанные проблемы. Он позволяет определять правила для динамической предварительной выборки и/или пререндеринга URL-адресов определенной структуры на основе пользовательского взаимодействия; правила задаются в синтаксисе JSON. Другими словами, можно спекулятивно предзагружать эти URL-адреса еще до навигации. Этот API можно использовать, к примеру, для пререндеринга любых ссылок на странице, когда пользователь наводит на них курсор.

«Кроме того, в API Speculation Rules ‘пререндеринг’ на самом деле означает предварительный рендеринг всей страницы, включая выполнение JavaScript. Все это дает практически моментальную загрузку страницы, как только пользователь нажмет на ссылку, поскольку страница уже заранее была визуализирована. Но это лишь одна из возможных конфигураций».

Новый плагин добавляет поддержку Speculation Rules API. Страницы разработчиков на сайте Mozilla описывают API следующим образом:

«Speculation Rules API предназначен для повышения производительности будущей навигации. Он охватывает URL-адреса документов, а не конкретные файлы ресурсов, что имеет смысл для многостраничных приложений (MPA).

API Speculation Rules представляет собой альтернативу link rel=»prefetch» и предназначен для замены устаревшей функции link rel=»prerender», доступной только в Chrome. Он предлагает множество улучшений по сравнению с этими технологиями, а также более выразительный и настраиваемый синтаксис для указания того, какие документы следует предварительно получать или предварительно рендерить»

Плагин Speculative Loading

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

Новый плагин WordPress по умолчанию настроен на пререндеринг «URL-адресов фронтенда WordPress», то есть страниц, записей и архивов. Настройки позволяют скорректировать поведение плагина:

Settings > Reading > Speculative Loading

Браузерная совместимость

Speculative API поддерживается Chrome 108, однако некоторые правила в новом плагине требуют Chrome 121 или более свежей версии браузера. Chrome 121 вышел в начале 2024 года.

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

Ознакомьтесь с новым плагином Speculative Loading, разработанным официальной основной командой разработчиков WordPress.

Как Google Analytics обрабатывает пререндеринг

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

К счастью, и Google Analytics, и Google Publisher Tags (GPT) способны выявлять предварительный рендеринг, что следует из справки.

Возможные конфликты с расширениями для блокировки рекламы

Есть несколько вещей, о которых следует знать, помимо того факта, что это экспериментальная функция, для которой требуется Chrome 121 или выше. Разработчики плагина WordPress сообщают о том, что эта функция может не работать в браузерах, использующих расширение для блокировки рекламы uBlock Origin.

Источник: https://www.searchenginejournal.com