4006-998-758
3000+课程任你选择
前端性能优化
研发学院 前端性能优化 开课时间:2024-11-19
王勇

某内容类互联网上市公司 前端研发负责人

曾任职于:谷歌(巴黎 BePATIENT 团队)、百度(知识搜索部)等国内外知名互联网企业,具有 40+ 人以上团队管理经验。

现就职于某内容社区类互联网上市公司,具有多年海内外工作经验。擅长前端工程化体系搭建,以及基础建设架构设计;深入了解前端各类技术框架和相关技术栈,同时拥有高流量产品稳定性建设以及性能和用户体验优化相关丰富经验,在业务提效和质量保障方面亦有深厚积累,在跨端(包括小程序矩阵)、富文本编辑器、Node.js、React.js 等技术方向有较强业内影响力。


查看老师详情
课程内容

课程介绍

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


课程收益

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

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

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

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

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

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


课程对象

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

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

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

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


课程大纲

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

 

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

 

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

 

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

 

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

 

总结:

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

 






返回上一级