项目背景:负责字节跳动旗下西瓜视频的H5主会场前端开发。该活动峰值QPS破百万,需在弱网及各类低端机型下保障极致的用户体验。
你的职责:担任前端核心Owner。1. 架构选型:采用Next.js进行SSR同构渲染,结合自研流式接口,大幅缩短首屏时间;2. 复杂状态管理:独立设计基于Redux的跨组件状态树,解决多任务并发抽奖时的状态同步与卡顿问题;3. 体验优化:落地了一套基于IntersectionObserver的精准曝光打点与图片懒加载方案。
结果产出:最终首屏渲染时间(FCP)压缩至0.8秒以内,弱网下页面崩溃率降至0.01%以下;支撑了千万级DAU的并发访问,直接拉动活动转化率提升了15%,项目零故障交付并获部门Q3最高绩效。