UD5工具箱
资源加载时间查看 - Performance API瀑布
显示当前页面所有资源的详细加载时序（DNS、连接、等待、接收），帮助优化。
性能工具 - 网站与代码优化
共 12+ 款工具交叉观察器应用演示 - 滚动曝光与懒加载
演示元素进入视口时触发懒加载和曝光埋点，并展示当前可见比例。
OffscreenCanvas性能演示 - Worker中绘图对比
分别使用主线程Canvas和OffscreenCanvas在Worker中渲染动画，对比FPS和流畅度。
scheduler.postTask优先级演示 - 用户交互优先
使用scheduler.postTask API安排不同优先级的任务，并观察执行顺序。
isInputPending演示 - 检测用户输入中断长任务
在执行长计算任务时，通过navigator.scheduling.isInputPending()及时中断以响应用户输入。
Web Vitals模拟仪表盘 - LCP/FID/CLS演示
通过滑块调节LCP、FID、CLS等指标值，实时显示对应的谷歌核心网页指标评分与颜色。
网页资源瀑布图展示 - 请求时间线和大小
利用Performance API绘制当前页面所有资源的加载时间线和文件大小瀑布图。
被动事件监听检测 - 滚动性能检查
检测页面touchstart和wheel事件是否使用passive:true，避免移动端滚动延迟。
Content-Visibility性能测试 - 长列表渲染对比
加载大量DOM元素，对比启用和不启用content-visibility: auto时的渲染时间和滚动体验。
压缩流API演示 - 实时gzip/brotli压缩
使用CompressionStream和DecompressionStream对文本进行实时的gzip或brotli压缩与解压。
模拟性能评分计算 - 根据网络/资源条件
设定FCP、LCP、CLS等指标值，模拟计算PageSpeed Insights得分估算。
Web Worker计算演示 - 后台斐波那契不卡顿
在主线程和Worker中分别计算大斐波那契数，对比界面的响应度。