作业帮｜多端会员与支付业务、前端性能及稳定性治理产品系统

会员与支付业务既要顺畅完成用户操作，也要在不同 App 容器和设备上保持一致体验。加载慢、页面跳动、容器兼容问题及线上异常发现滞后，都会增加用户操作阻力与后续维护成本。
2023.05—2026.04，我在作业帮担任资深前端工程师，所涉业务包括 VIP 会员体系、支付收银台及千万级用户拍搜功能。本案例汇总这段经历中的业务研发与共性技术治理实践，重点展示复杂业务下的多端适配、性能优化、监控告警和验收工具建设能力。

【会员与支付业务】参与 VIP 会员体系、支付收银台相关前端研发，围绕业务页面交付与用户操作体验开展工作。
【跨 App、跨设备兼容】面向作业帮、家长版、快对等多个 App 容器及 iPad，制定统一兼容标准，输出通用解决方案，推广至多个部门复用。
【线上异常监控】创建前端错误上报与监控平台，整合 APM 与自研埋点，实现异常自动捕获和实时告警，将问题发现时间从小时级缩短至分钟级。
【可视化埋点验收】针对产品经理难以直观验收埋点的问题，提出并建立测试环境埋点平台，将验收信息可视化，随后推广至多个业务团队。
【核心页面体验优化】通过专项优化降低关键内容加载时间与页面布局偏移，兼顾交付后的使用体验与可维护性。

【难点一：多端环境差异】同类业务需要适配多个 App 容器和 iPad。基于 Hybrid-H5 场景制定统一兼容标准，沉淀可复用方案，减少各业务团队重复处理兼容问题的成本。
【难点二：加载速度与页面稳定性同时优化】主导所负责项目的性能优化专项，组合使用资源预加载、骨架屏、缓存策略、图片整合与代码分割。核心页面 LCP 从 1.8s 优化至 1.2s，CLS 从 0.6 降至 0.2。
【难点三：上线后及时发现问题】建设 APM 与自研埋点结合的错误监控能力，实现自动捕获、实时告警，将问题发现时间由小时级缩短至分钟级。
【难点四：业务验收效率】主动识别 PM 埋点验收痛点，建设可视化验收平台并推动跨团队使用。
个人贡献涵盖业务前端研发、性能专项主导、兼容标准制定及监控与验收平台建设。以上为任职期间多项实践汇总，性能指标对应所负责的核心页面。