Что это?
Partytown — это библиотека с ленивой загрузкой, которая переносит ресурсоёмкие сторонние скрипты из главного потока в веб-воркер, чтобы главный поток остался за вашим кодом.
Partytown — это библиотека с ленивой загрузкой, которая переносит ресурсоёмкие сторонние скрипты из главного потока в веб-воркер, чтобы главный поток остался за вашим кодом.Это фреймворк или библиотека?Это библиотека, которую подключают к веб-странице, а не фреймворк. Она перехватывает теги ` ` сторонних скриптов и передаёт их обращения к DOM в веб-воркер.
Это библиотека, которую подключают к веб-странице, а не фреймворк. Она перехватывает теги ` ` сторонних скриптов и передаёт их обращения к DOM в веб-воркер.Как мне добавить это в проект?Partytown добавляют на сайт по руководству Getting Started. Также есть готовые интеграции для популярных фреймворков и конструкторов страниц.
Partytown добавляют на сайт по руководству Getting Started. Также есть готовые интеграции для популярных фреймворков и конструкторов страниц.Что нужно, чтобы запустить или собрать это?Для сборки и разработки требуется Node >=18. Для веб-страницы достаточно подключить воркер-скрипт Partytown, серверные зависимости не указаны.
Для сборки и разработки требуется Node >=18. Для веб-страницы достаточно подключить воркер-скрипт Partytown, серверные зависимости не указаны.Работает ли это со всеми сторонними скриптами сразу из коробки?Нет. Проект явно всё ещё в бете и не гарантирует работу в каждом сценарии, поэтому перед использованием стоит изучить задокументированные компромиссы.
Нет. Проект явно всё ещё в бете и не гарантирует работу в каждом сценарии, поэтому перед использованием стоит изучить задокументированные компромиссы.Где это работает — в браузере?Работает полностью в браузере, а в качестве среды выполнения для вынесенных скриптов используется веб-воркер.
Работает полностью в браузере, а в качестве среды выполнения для вынесенных скриптов используется веб-воркер.Для каких скриптов это предназначено?Обычно это аналитика, реклама и другие встраиваемые сторонние виджеты, которые тяжёлые, но не входят в основную логику приложения. Перенос их в воркер освобождает главный поток для вашего кода.
Обычно это аналитика, реклама и другие встраиваемые сторонние виджеты, которые тяжёлые, но не входят в основную логику приложения. Перенос их в воркер освобождает главный поток для вашего кода.Почему вынос скриптов в веб-воркер помогает производительности?Скрипты, работающие в главном потоке, конкурируют с отрисовкой и интерактивностью вашего приложения. Partytown перенаправляет обращения к DOM, поэтому скрипты выполняются в веб-воркере, что улучшает такие метрики, как Lighthouse и Core Web Vitals.
Скрипты, работающие в главном потоке, конкурируют с отрисовкой и интерактивностью вашего приложения. Partytown перенаправляет обращения к DOM, поэтому скрипты выполняются в веб-воркере, что улучшает такие метрики, как Lighthouse и Core Web Vitals.Есть ли готовые интеграции для популярных фреймворков?Да, в Partytown есть раздел Integrations с типовыми настройками, так что не нужно вручную подключать проксирование к воркеру.
Да, в Partytown есть раздел Integrations с типовыми настройками, так что не нужно вручную подключать проксирование к воркеру.What are similar projects?rrweb, Fuse, velocity, better-scroll, virtual-dom, highlight.js, ua-parser-js, uPlot
rrweb, Fuse, velocity, better-scroll, virtual-dom, highlight.js, ua-parser-js, uPlotWhich topics is it in?core-web-vitals, web-worker, dom, analytics, browser, performance, productivity, frontend, library, typescript, javascript, web
core-web-vitals, web-worker, dom, analytics, browser, performance, productivity, frontend, library, typescript, javascript, web