課程簡介

《大前端性能優(yōu)化實戰(zhàn)》課程從項目組織協(xié)同、核心技術選型、開發(fā)構建工作流設計、技術架構設計、工程化架構思路、持續(xù)集成部署等角度出發(fā)，深度剖析前端現(xiàn)代化性能優(yōu)化的方案。
課程中既有優(yōu)秀工程案例分析，工具深度使用實踐，也有源碼深入解讀；既有工具鏈整合方案，也有體系化協(xié)同串聯(lián)。能夠幫助學習者快速理解性能優(yōu)化化方案，以及順滑流暢的工作流機制。

目標收益

? 理解性能優(yōu)化方面的數(shù)據(jù)思維
? 從基礎建設和工程化角度，提升開發(fā)效率
? 從基礎建設和工程化角度，優(yōu)化應用性能
? 開拓技術視野，理解現(xiàn)代化前端工程設計方案
? 脫離重復瑣碎的業(yè)務開發(fā)，系統(tǒng)地了解基礎建設的方方面面
? 落地實踐性能優(yōu)化案例，整合工作流程

培訓對象

? 3 年以上經(jīng)驗的前端開發(fā)工程師
? 面臨技術瓶頸的前端團隊
? 負責技術方案制定和基礎建設的資深工程師
? 缺少新技術指引、缺少接觸優(yōu)秀項目機會的前端團隊

課程內容

一、前端性能分識與優(yōu)化實踐
- 如何理解性能和用戶體驗
- 極致體驗優(yōu)化方法框架
- 從 RAIL 模型到 Performance Metrics
- 適應新時代的指標體系演進和度量
- 用戶體驗指標數(shù)據(jù)收集和分析體系建立和落地

二、前端性能優(yōu)化方案實踐
- 離線包方案設計，大廠案例 xxx
- 搭建端到端性能監(jiān)控體系，大廠案例 xxx
- 結合 DevOPS 實現(xiàn)性能優(yōu)化把關，大廠案例 xxx

三、性能優(yōu)化再剖析
- 從工程化角度，實現(xiàn)多模態(tài)渲染優(yōu)化
- 從代碼角度，實現(xiàn)運行時交互優(yōu)化
- 框架和性能優(yōu)化

四、性能優(yōu)化和技術架構選型
- SSR 方案實踐和 SSG、ISR 渲染技術落地，大廠案例 xxx
- 實戰(zhàn)案例 xxx 使用 chrome devtool 分析運行時內存和 CPU 性能
- 跨端性能優(yōu)化原理，大廠案例 xxx
- 項目用戶體驗優(yōu)化真實案例，大廠案例 xxx
- 工程化技術助力用戶體驗優(yōu)化案例分析，大廠案例 xxx
- 典型應用架構性能優(yōu)化場景解析，大廠案例 xxx

五、性能優(yōu)化工具的奧秘
- 實戰(zhàn)案例 xxx 使用 chrome devtool 分析運行時內存和 CPU 性能
- 使用用戶體驗分析工具分析頁面上的性能瓶頸
- 沙箱實戰(zhàn) 手把手實現(xiàn)性能診斷和瓶頸突破

總結：
– 用戶體驗優(yōu)化精益求精和未來趨勢
- 性能優(yōu)化方法論可移植性案例
- 當通用優(yōu)化已完成，我們應該做什么？