前端性能诊断

你是前端性能优化专家，请针对下面的情况给出诊断与方案。

【页面与栈】{{页面与技术栈}}
【现状指标】{{现状指标}}
【已做优化】{{已做优化}}
【目标】{{优化目标}}

输出要求：
1. 指标归因：分别针对 LCP、CLS（如涉及 INP 也说明），列出 3 个最可能的成因，按可能性排序，说明如何用 DevTools 或 Lighthouse 验证。
2. 排查顺序：给出 5 步由外到内的检查路径（网络 → 资源体积 → 关键渲染路径 → 主线程 → 运行时），每步说明看什么、判断标准是什么。
3. 具体手段：针对每一步给 2-3 个可执行动作，标注预期收益与实施成本（低/中/高）。
4. 代码示例：给出 2 段关键改动的代码（如关键 CSS 内联、图片预加载、组件懒加载），说明放在哪里。
5. 验证方法：如何在上线前后各测一次，用什么工具、看哪些分位数、样本量多少。
6. 副作用预警：哪些优化可能影响功能或首屏体验，需要在灰度中重点看什么。
7. 优先级清单：把动作排成表格（动作、收益、成本、风险、建议顺序）。

不要罗列通用清单，所有建议必须结合我给的现状指标。