Partytown：通过ServiceWorker加速Web的原理解析
一个轻量级库，通过将第三方脚本移至Web Worker，释放主线程资源，提升网站性能
speed
提升性能
释放主线程资源
security
增强安全
沙箱化执行环境
code
轻量级
仅6KB大小
person作者：Steper
calendar_today2025-07-25
第三方脚本带来的性能问题
主要问题
- network_check对多个服务器的网络请求过多
- code发送过多的JavaScript，阻塞主线程
- memoryCPU密集型脚本解析和执行
- error_outline可能成为单点故障(SPOF)
- historyHTTP缓存不足
性能影响
32%
加载时间从1秒增加到3秒时，用户跳出概率增加
2MB+
平均网页大小
200+
平均网页请求数
Partytown如何使用Service Workers和Web Workers
架构原理
Partytown通过Service Worker作为通信桥梁，将第三方脚本从主线程迁移到Web Worker中执行，释放主线程资源。
1
filter_list
脚本拦截
Service Worker拦截第三方脚本请求
2
swap_horiz
脚本迁移
将脚本转移到Web Worker中执行
3
sync_alt
通信桥梁
Service Worker处理主线程与Worker间的通信
核心技术特点
speed
轻量级（仅6KB）
security
沙箱化执行环境
sync
同步DOM操作访问
code
无需修改第三方脚本
schedule
延迟加载机制
build
无需构建步骤