Web Worker Offloading v0.2.0

Этот плагин перекладывает выполнение JavaScript на веб-воркера, повышая производительность за счет освобождения основного потока. Это должно привести к улучшению показателей взаимодействия с следующей отрисовкой (INP).

Данная функция является экспериментальной.

Чтобы разрешить загрузку сценария в работнике, просто добавьте данные сценария работника в зарегистрированный сценарий. Например,

Если у вас есть скрипт, зарегистрированный с дескриптором foo, разрешите выгрузить его веб-воркеру, выполнив:

wp_script_add_data("foo", "работник", правда);

В отличие от стратегий загрузки скриптов (async/defer), любые встроенные скрипты до/после, связанные с зарегистрированным скриптом, выгруженным работником, также будут выгружены в работника, тогда как при использовании стратегий скриптов встроенный скрипт после будет блокировать задержку скрипта.

В противном случае плагин в настоящее время поставляется со встроенными интеграциями, позволяющими разгрузить Google Analytics веб-работнику для следующего плагина:

- Ранговое математическое SEO

- Сайт-кит от Google

- Вукоммерция

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

Этот плагин основан на библиотеке Partytown от Builder.io, выпущенной под лицензией MIT. Эта библиотека находится в стадии бета-тестирования, и в ней довольно много открытых ошибок.

Конфигурацию Partytown можно изменить с помощью фильтра plwwo_configuration. Например:

<?php
add_filter("plwwo_configuration", функция ($config) {
$config["mainWindowAccessors"][] = "wp"; // Сделать глобальный wp доступным в рабочем процессе (например, wp.i18n и wp.hooks).
вернуть $конфигурацию;
});

Однако не все параметры конфигурации можно сериализовать в JSON таким способом, например, конфигурацияsolveUrl является функцией. Чтобы указать это, вы можете добавить встроенный скрипт следующим образом.

<?php
add_action(
"wp_enqueue_scripts",
функция () {
wp_add_inline_script(
"разгрузка веб-работников",
<<<JS
окно.partytown = {
...(window.partytown || {}),
solveUrl: (url, местоположение, тип) => {
if (тип === "скрипт") {
const proxyUrl = новый URL("https://my-reverse-proxy.example.com/");
proxyUrl.searchParams.append("url", url.href);
вернуть прокси-урл;
}
обратный URL;
},
};
Дж.С.,
"до"
);
}
);

Существует также множество параметров конфигурации, которые не документированы, поэтому обратитесь к определениям TypeScript.