课程简介

《大前端性能优化实战》课程从项目组织协同、核心技术选型、开发构建工作流设计、技术架构设计、工程化架构思路、持续集成部署等角度出发，深度剖析前端现代化性能优化的方案。
课程中既有优秀工程案例分析，工具深度使用实践，也有源码深入解读；既有工具链整合方案，也有体系化协同串联。能够帮助学习者快速理解性能优化化方案，以及顺滑流畅的工作流机制。

目标收益

• 理解性能优化方面的数据思维
• 从基础建设和工程化角度，提升开发效率
• 从基础建设和工程化角度，优化应用性能
• 开拓技术视野，理解现代化前端工程设计方案
• 脱离重复琐碎的业务开发，系统地了解基础建设的方方面面
• 落地实践性能优化案例，整合工作流程

培训对象

• 3 年以上经验的前端开发工程师
• 面临技术瓶颈的前端团队
• 负责技术方案制定和基础建设的资深工程师
• 缺少新技术指引、缺少接触优秀项目机会的前端团队

课程内容

一、前端性能分识与优化实践
- 如何理解性能和用户体验
- 极致体验优化方法框架
- 从 RAIL 模型到 Performance Metrics
- 适应新时代的指标体系演进和度量
- 用户体验指标数据收集和分析体系建立和落地

二、前端性能优化方案实践
- 离线包方案设计，大厂案例 xxx
- 搭建端到端性能监控体系，大厂案例 xxx
- 结合 DevOPS 实现性能优化把关，大厂案例 xxx

三、性能优化再剖析
- 从工程化角度，实现多模态渲染优化
- 从代码角度，实现运行时交互优化
- 框架和性能优化

四、性能优化和技术架构选型
- SSR 方案实践和 SSG、ISR 渲染技术落地，大厂案例 xxx
- 实战案例 xxx 使用 chrome devtool 分析运行时内存和 CPU 性能
- 跨端性能优化原理，大厂案例 xxx
- 项目用户体验优化真实案例，大厂案例 xxx
- 工程化技术助力用户体验优化案例分析，大厂案例 xxx
- 典型应用架构性能优化场景解析，大厂案例 xxx

五、性能优化工具的奥秘
- 实战案例 xxx 使用 chrome devtool 分析运行时内存和 CPU 性能
- 使用用户体验分析工具分析页面上的性能瓶颈
- 沙箱实战 手把手实现性能诊断和瓶颈突破

总结：
– 用户体验优化精益求精和未来趋势
- 性能优化方法论可移植性案例
- 当通用优化已完成，我们应该做什么？