课程介绍

《大前端性能优化实战》课程从项目组织协同、核心技术选型、开发构建工作流设计、技术架构设计、工程化架构思路、持续集成部署等角度出发，深度剖析前端现代化性能优化的方案。

课程中既有优秀工程案例分析，工具深度使用实践，也有源码深入解读；既有工具链整合方案，也有体系化协同串联。能够帮助学习者快速理解性能优化化方案，以及顺滑流畅的工作流机制。

课程收益

•   理解性能优化方面的数据思维

•   从基础建设和工程化角度，提升开发效率

•   从基础建设和工程化角度，优化应用性能

•   开拓技术视野，理解现代化前端工程设计方案

•   脱离重复琐碎的业务开发，系统地了解基础建设的方方面面

•   落地实践性能优化案例，整合工作流程

课程对象

•   3 年以上经验的前端开发工程师

•   面临技术瓶颈的前端团队

•   负责技术方案制定和基础建设的资深工程师

•   缺少新技术指引、缺少接触优秀项目机会的前端团队

课程大纲

一、前端性能分识与优化实践

如何理解性能和用户体验

极致体验优化方法框架

从 RAIL 模型到 Performance Metrics

适应新时代的指标体系演进和度量

用户体验指标数据收集和分析体系建立和落地

二、前端性能优化方案实践

离线包方案设计，大厂案例 xxx

搭建端到端性能监控体系，大厂案例 xxx

结合 DevOPS 实现性能优化把关，大厂案例 xxx

三、性能优化再剖析

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

四、性能优化和技术架构选型

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

五、性能优化工具的奥秘

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

总结：

用户体验优化精益求精和未来趋势

性能优化方法论可移植性案例

当通用优化已完成，我们应该做什么？