•选修《Web 性能优化》与《计算机网络》课程，掌握关键渲染路径、TCP 拥塞控制与 HTTP/2 多路复用，能精准定位网络传输瓶颈。
•参与实验室前端监控 SDK 的开发，为开源项目贡献了资源缓存策略优化代码，使重复请求减少 30%，获得项目维护者 merged。
•在校园黑客马拉松中设计实时协作白板，主导前端性能调优，通过 Canvas 分层渲染、WebSocket 二进制帧压缩与增量更新，将首帧渲染时间从 2.1s 降至 0.9s，获最佳技术奖。
北京某综合电商平台 - 前端开发部电商行业数字化转型
2016.07-2019.12
前端性能优化工程师页面加载性能构建流程优化资源优化性能诊断
北京
•负责日用百货电商平台的前端性能优化，针对大促期间高并发访问场景，分析首屏渲染关键路径，通过代码分割与关键资源预加载，使首屏可交互时间缩短35%。
•利用 Lighthouse 与自定义性能埋点，诊断出第三方脚本阻塞渲染的问题，推动异步加载与延迟执行，页面完全加载时间减少28%。
•与设计团队协作，推动全站商品图统一采用 WebP 格式并实施懒加载，配合图片 CDN 动态裁剪，列表页加载速度提升40%。
•在 CI/CD 流程中集成性能预算与回归测试，设定核心指标阈值，有效防止性能劣化，保障每次发版体验不下滑。
•定期组织前端性能分享会，剖析渲染阻塞、重排重绘等常见问题，输出《性能优化实战手册》供团队复用。
北京某即时通讯社交平台 - 前端技术中心社交平台实时互动
2020.01-至今
资深前端性能优化工程师架构优化渲染性能缓存策略性能监控
北京
•主导即时通讯社交应用核心模块的性能重构，从框架层面引入虚拟滚动和组件懒加载，使聊天界面长列表滚动帧率稳定在60fps。
•设计并实施分级缓存策略，利用 Service Worker 与 IndexedDB 实现离线消息缓存，弱网环境下消息加载速度提升50%，重复请求减少70%。
•搭建前端性能监控看板，实时追踪 FCP、LCP、CLS 等指标，结合 Sentry 进行异常归因，年度重大性能故障同比下降70%。
•推动全团队开展性能文化建设，举办“性能优化黑客松”活动，产出预加载策略、骨架屏组件等多项优化方案并落地。
•组织内部分享与培训，将渲染原理、内存管理、帧率优化等知识体系化沉淀，提升团队整体性能优化能力。
•参与企业协同办公SaaS平台的前端性能优化，针对富文本编辑器和实时协作功能导致的性能瓶颈，进行渲染性能剖析，定位频繁DOM操作与重排重绘为关键问题。
•采用 Canvas 渲染替代部分 DOM 操作，并实现编辑区的增量更新，将大文档编辑响应时间缩短60%。
•优化资源加载，利用 Webpack 的 SplitChunks 精细分包，配合 HTTP/2 多路复用，初始加载资源体积减少45%，Lighthouse 性能评分从45提升至85。
•负责移动电商APP的前端性能优化，针对首页和详情页加载速度进行专项治理。重构数据接口，采用 GraphQL 聚合查询替代多个零散API，减少请求次数与数据冗余，详情页数据获取时间缩短40%。
•优化图片加载策略，实现基于设备像素比和网络状况的动态图片质量选择，并统一使用渐近式JPEG与WebP格式，图片完全加载时间减少50%。
•实施骨架屏与关键资源预加载，将首页可交互时间从3.2秒降至1.8秒，用户感知速度大幅提升，最终转化率提升12%。
性能诊断与优化工具（Lighthouse, WebPageTest, Chrome DevTools） 前端工程化与构建优化（Webpack, Vite, 代码分割, 树摇） 浏览器缓存、Service Worker 与离线存储 2020年度技术创新先锋奖（因主导协同办公平台性能优化专项，显著提升客户体验） 图片格式自适应与传输优化:
深入实践 WebP、AVIF 等现代图像格式，结合 Accept 请求头与 <picture> 元素实现内容协商，在浏览器不支持时自动回退至 JPEG/PNG。
设计并落地图片自适应加载方案：利用 srcset 与 sizes 属性，配合 CDN 图像处理服务，根据设备像素比与网络状况动态下发最优尺寸，确保视觉质量不变的前提下，图片体积平均降低 45%，页面完全加载时间缩短 20%。
