前端性能优化提示词

帮我做前端性能优化方案。

【站点】{{站点类型}}
【指标】{{当前指标}}
【技术栈】{{技术栈}}
【痛点】{{痛点}}

输出：
一、指标诊断：针对 {{当前指标}} 每一项，说明这个数值意味着什么、超过阈值的常见原因（各 3 个），以及怎么用 DevTools 或 Lighthouse 定位到具体元素/请求。
二、按投入产出排序的优化项（表格）：优化项 / 影响的指标 / 预期收益 / 实施成本 / 风险
优先级要求：先做「收益高成本低」的，例如资源压缩、缓存头、字体加载、图片格式。
三、逐项给具体做法（至少 6 项）：
- LCP：关键资源优先级（preload）、避免阻塞渲染的 CSS/JS、首屏图片尺寸与格式
- CLS：给图片/广告位预留尺寸、字体加载策略（font-display）、避免动态插入内容顶开布局
- INP：长任务拆分、事件处理去抖、减少主线程计算
每项给一段可执行的代码或配置示例。
四、{{技术栈}} 下的具体建议：静态站如何做资源版本与缓存、如何延迟非关键脚本、如何自托管字体并做子集化。
五、第三方脚本治理：给 3 条（延迟加载、按需加载、监控其体积与阻塞时间）。
六、验证方法：改完后怎么测（Lighthouse 移动端、WebPageTest、真实用户指标），说明实验室数据与真实数据的差异。
七、不要做的事：4 条（盲目上 SSR、过度拆分请求、为了分数牺牲功能、未测就上线）。

要求：所有建议都要能落到具体配置或代码，不要写「优化图片」这种笼统说法。