课件地址：https://www.fed123.com/fed-p4/2390.html 密码：fed123.com
# 课程大纲
* 评判标准
* RAIL评估模型
* 性能指标
* 体验指标
* 指标数据采集
* 优化实战
* 链路优化
* 编程优化
* 链路优化
* 链路阶段分析
* 阶段指标数据
* 各阶段优化手段
* 案例分析和常用工具
* 编程优化
* 首屏渲染
* 懒加载功能组件
* 滚动加载分页组件
* web worker计算
* Task切分
* 代码分割与打包
* 前端开发架构优化
* 前端开发架构优化
* ES6 module+template
* web component
* 轻react或vue
* 微前端架构
- 第1章 介绍
- 01 介绍与基础要求
- 02 章节内容介绍
- 第2章 性能体验评判模型
- 03 RAIL 评估模型介绍
- 04 RAIL评估模型解析
- 05 加载性能指标
- 06 稳定性和操作体验指标
- 07 Performance High Resolution Time API
- 08 Performance Navigation Timing API
- 09 Performance User Timing API
- 10 Performance Resource Timing 和 Timeline API
- 11 Performance Timing 参数介绍和 FID 指标
- 12 性能和体验指标计算
- 13 页面性能指标数据采集架构
- 第3章 前端网页加载链路优化
- 14 静态资源链路优化
- 15 资源加载过程优化
- 16 浏览器解析渲染过程优化
- 17 Memory/Client/Http/Net/WebViewCache 方案介绍
- 18 Memory/Client/Http/Net/WebViewCache 应用实例
- 19 数据埋点反馈优化和常用软件
- 第4章 前端极致性能体验编码优化
- 20 优化策略和首屏渲染 PRPL 方案
- 21 LazyLoad 懒加载策略与组件案例
- 22 滚动加载分页组件案例
- 23 web worker 思路与方案案例
- 24 task 拆分原理和方案
- 25 代码分割与打包优化
- 26 前端项目架构优化思路与 ES6 原生模块架构案例
- 27 web components 和轻 React 、Vue 和微前端架构思想