Partytown

https://i.gyazo.com/180aefc4b385ba6aa22f7591b057b992.jpg

Relocate resource intensive third-party scripts off of the main thread and into a web worker. 🎉

いいまとめ記事

メリットや背景のArchitectureなど

導入

ちょっとずつ導入できるので、試してよい3rdPartyから試していくと良さそう

<script type="text/partytown">

Partytownを設定するときは、最初に数ページで試して、GooglePageSpeedInsightsを使用して改善を測定することが重要です。すべてのスクリプトが機能していることを確認したら、サイトのすべてのページでスクリプトをオンにできます。

使用例

トレードオフ

使う前にちゃんと見たほうが良い

UIを利用する、DOMノード突っ込むscript向いてない

CORSヘッダーのないscriptは、対処必要

iframe使うもの

setInterval()使うもの