好看但掉转化的动画是负债
品牌要沉浸，SEO 要速度，冲突常爆在英雄区动画。营销站动效性能预算让设计与工程在评审前就有数字：最大脚本、最长时长、可允许的布局影响。可上线在动效交付里默认尊重 reduced-motion，并把重 3D 隔离到二级路由。下文给出可写进 PR 的预算表。下文给出可落地的判断框架、分步清单与常见误区，便于上海及跨境团队在两到四周内推进，并把相关服务能力组合进同一交付节奏。
预算维度写清
英雄 LCP 元素类型、动画 JS/KB、连续动画最长秒数、同时动画层数、第三方与动画叠加规则。没有数字就无法评审。结合可上线探索→设计→开发→上线节奏，把该项写入验收与预发检查，避免口头对齐后遗漏。
优先 CSS/合成属性
transform/opacity 优先；避免触发布局的 top/height 动画。滚动驱动用谨慎采样。把「闪一下」从主路径拿掉。结合可上线探索→设计→开发→上线节奏，把该项写入验收与预发检查，避免口头对齐后遗漏。
LCP 与英雄动画解耦
先稳定绘制 LCP，再叠加增强动效。不要用客户端框架挂载后才显示主标题。海报图与字体策略先于时间线动画。结合可上线探索→设计→开发→上线节奏，把该项写入验收与预发检查，避免口头对齐后遗漏。结合可上线（KSX Studio）探索→设计→开发→上线节奏，把该项写成可验收产物：负责人、完成定义、预发验证与回滚策略，避免口头对齐后再次发散。
reduced-motion 不是可选项
系统声明减少动效时给静态替代，保留信息层级。这是可达性与合规，不只是品味。结合可上线探索→设计→开发→上线节奏，把该项写入验收与预发检查，避免口头对齐后遗漏。结合可上线（KSX Studio）探索→设计→开发→上线节奏，把该项写成可验收产物：负责人、完成定义、预发验证与回滚策略，避免口头对齐后再次发散。
3D/视频入口隔离
重资产放交互后加载或二级页。首屏用静态海报。参考沉浸式体验量产文章的门禁。结合可上线探索→设计→开发→上线节奏，把该项写入验收与预发检查，避免口头对齐后遗漏。结合可上线（KSX Studio）探索→设计→开发→上线节奏，把该项写成可验收产物：负责人、完成定义、预发验证与回滚策略，避免口头对齐后再次发散。
测量：实验室+字段
预发录制性能轨迹；上线后看 INP/LCP 是否回退。每次加大动效走同一脚本。结合可上线探索→设计→开发→上线节奏，把该项写入验收与预发检查，避免口头对齐后遗漏。结合可上线（KSX Studio）探索→设计→开发→上线节奏，把该项写成可验收产物：负责人、完成定义、预发验证与回滚策略，避免口头对齐后再次发散。
设计评审问题单
这个动效传达什么信息？去掉是否损失理解？预算超了替代表是什么？写进评审纪要。结合可上线探索→设计→开发→上线节奏，把该项写入验收与预发检查，避免口头对齐后遗漏。结合可上线（KSX Studio）探索→设计→开发→上线节奏，把该项写成可验收产物：负责人、完成定义、预发验证与回滚策略，避免口头对齐后再次发散。
可执行清单
- 1书面动效预算表进设计系统
- 2英雄 LCP 不依赖客户端挂载
- 3实现 reduced-motion 静态替代
- 4重 3D/视频非首屏默认
- 5动效变更触发性能回归脚本
核心要点
- 动效预算与视觉规范同级。
- 先 LCP 后装饰，顺序不可反。
- 降级策略是设计的一部分。
常见问题
- 客户坚持全屏 3D 首页？
- 给性能对比与转化风险；可提供入口页+体验页拆分方案。
- 用 GSAP/Framer 可以吗？
- 可以，但计入 KB 预算并避免布局抖动；能 CSS 就 CSS。
- 如何对非技术干系人解释？
- 用前后字段指标与移动网络视频对比，比术语有效。