Код и формат

Генератор Speculation Rules

Создайте допустимый Speculation Rules JSON для Prefetch и prerender; проверьте безопасные предустановки, шаблоны URL и параметры eagerness в браузере.

Конфигурация Speculation Rules
Безопасный старт: Conservative Prefetch Сначала проведите измерения с помощью prefetch с низким уровнем риска; расширяйте охват prerender, сужая его в соответствии с фактическими данными навигации.
Полностью работает в браузере

Готовые настройки

Готовые настройки одновременно изменяют тип операции и чувствительность срабатывания.

Низкое потребление ресурсов

Поведение правила

Выберите, что, из какого источника и насколько заранее браузер будет подготавливать.

Prerender также может выполнить код JavaScript целевой страницы.
Шаблоны автоматически применяются к подходящим ссылкам на странице.
Более ранний запуск может увеличить использование пропускной способности и процессора.

Охват URL

В каждой строке укажите шаблон URLPattern или целевой URL.

Пример: /blog/* или /products/:slug
Обязательно исключите пути сеансов, оплаты и изменения состояния.
Укажите допустимый список селекторов CSS. Совпадающие ссылки не включаются в правило.

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

Структура JSON, входные данные URLPattern и параметры потребления ресурсов проверяются мгновенно.

Действительный

Созданный код

1 правило · 1 цель/шаблон

Проверка поддержки браузером…
Информация

О генераторе Speculation Rules

Speculation Rules API, предварительно загружает для браузера страницы, которые пользователь, вероятно, посетит следующими (prefetch) или полная подготовка в фоновом режиме (prerender) задаёт инструкцию. При правильном использовании оно может значительно ускорить переходы на следующие страницы, а при чрезмерно широком применении — без необходимости расходовать пропускную способность, ресурсы сервера и аналитические измерения.

Этот инструмент; conservative, moderate и aggressive с помощью готовых настроек создаёт правило из шаблонов URLPattern или списка явных URL. Вывод можно получить как обычный JSON или как элемент, который можно непосредственно добавить на страницу <script type="speculationrules"> можно получить в формате. Синтаксис, селектор исключения CSS и рискованные комбинации полностью проверяются в вашем браузере.

Браузеры, не поддерживающие Speculation Rules, игнорируют этот тип скрипта; обычные ссылки продолжают работать. Поэтому при правильной настройке эта функция является дополнительным уровнем ускорения и не заменяет существующий процесс навигации.

Как им пользоваться?

Шаг за шагом

  1. Соответствует вашему трафику и использованию ресурсов Консервативный, умеренный или агрессивный выберите готовую настройку.
  2. Менее ресурсоёмкая операция prefetch или полностью подготавливающий страницу prerender выберите вариант.
  3. Область охвата Шаблон URL или список явных URL определите с его помощью; исключите пути сеанса, корзины и оплаты.
  4. Устраните предупреждения о синтаксисе и расходе ресурсов в области проверки в реальном времени.
  5. Скопируйте созданную метку HTML или вывод JSON либо скачайте их в виде файла.
ЧАВО

Часто задаваемые вопросы

prefetch обеспечивает предварительную загрузку целевого документа из сети; страница при этом не запускается. prerender загружает целевую страницу, будто она находится в невидимой вкладке, и выполняет её рендеринг. Prerender может обеспечить более быстрый переход, но использовать его следует осторожнее, поскольку JavaScript, сетевые запросы и аналитические события могут сработать до нажатия.

conservative ожидает сильного пользовательского намерения; умеренный использует такой сигнал, как кратковременная задержка на ссылке. eager и особенно immediate может срабатывать раньше и потреблять больше ресурсов. Однако браузер всё равно может принять решение не применять правило в зависимости от условий браузера, устройства и сети.

WordPress 6.8 может по умолчанию отправлять поддерживающим браузерам правило conservative prefetch для подходящих ссылок во внешнем интерфейсе. Сначала проверьте исходный код страницы: существующий type="speculationrules" проверьте скрипт. При необходимости вместо добавления второго конфликтующего правила wp_speculation_rules_configuration настройте основную конфигурацию с помощью фильтра.

Тип скрипта не распознаётся, и правило игнорируется. Обычные <a href> ссылки работают без изменений; специальный JavaScript polyfill не требуется. Поэтому не привязывайте цели ссылок только к Speculation Rules и сохраняйте обычный поток навигации.

Исключите выход, вход, корзину, оплату, учётную запись, администрирование, одноразовые ссылки и все пути, изменяющие состояние по запросу GET. Поскольку предварительно отрисованная страница может сработать без щелчка пользователя, её следует использовать только для безопасных идемпотентных страниц, не раскрывающих персональные данные.
Вернуться ко всем бесплатным инструментам