用途
js-file-size 是前端检查清单（front-end-checklist）中针对性能优化的一条规则技能，主题为“优化 JavaScript 打包体积”。它适用于审计页面加载缓慢、资源过重或渲染延迟等问题，尤其是当这些问题与 JavaScript 包体积相关时。该技能强调，过多的 JavaScript 会增加解析与执行时间，在低端设备上尤为明显，会导致用户体验迟缓并产生较高的数据成本。
主要能力
该技能围绕四个环节展开：
- 检查（Check）：审查 JavaScript 包体积，找出任何超过 200KB（Gzip/Brotli 压缩后）的文件。
- 修复（Fix）：实施代码分割（code-splitting）、tree-shaking 和依赖审计，以减小 JavaScript 包体积。
- 解释（Explain）：说明大型 JavaScript 文件如何影响主线程，并延迟用户交互性（FID/TTI）。
- 代码审查（Code Review）：审查影响 JavaScript 包体积优化的路由、资源和加载行为，标记出增加不必要网络、CPU 或布局成本的具体文件、请求或渲染步骤，并描述用于确认问题的测量方法。
使用方式
该技能以规则形式提供，包含快速参考、检查、修复、解释和代码审查等部分。完整实现细节、代码示例和框架相关指导位于 references/rule.md。规则页面为 https://frontendchecklist.io/en/rules/performance/js-file-size。
适用场景
适用于前端性能审计、页面加载优化、JavaScript 包体积治理，以及代码审查中识别与包体积相关的性能瓶颈。
限制
资料中未提供具体的安装命令、代码示例内容、支持的框架列表或收费信息。