云课堂
课程地址:网易云课堂在线课程
git: https://github.com/chalecao/femonitor
适用人群
了解基础HTML,CSS,JavaScript等知识,追求极致编程开发体验。提升网页秒开率,提升用户交互体验。
课程概述
高性能极致用户体验前端开发实战课程适合所有前端开发学习或者从业者,结合目前前端开发的最佳实践,提供前端网页性能分析优化知识,结合实际项目经验分析可以采用的优化思路,并给出开发高性能极致体验网页的通用方法和技巧。
目录
章节1课程介绍与基础要求
- 课时1课程介绍与基础要求05:35
- 课时2章节内容简介07:11
章节2性能体验评判模型
- 课时3RAIL评估模型介绍05:32
- 课时4RAIL评估模型解析05:26
- 课时5加载性能指标06:33
- 课时6稳定性和操作体验指标06:47
- 课时7Performance High Resolution Time API03:53
- 课时8Performance Navigation Timing API03:55
- 课时9Performance User Timing API05:23
- 课时10Performance Resource Timing和Timeline API05:09
- 课时11Performance Timing参数介绍和FID指标07:22
- 课时12性能和体验指标计算07:37
- 课时13页面性能指标数据采集架构
章节3前端网页加载链路优化
- 课时14静态资源链路优化09:30
- 课时15资源加载过程优化06:40
- 课时16浏览器解析渲染过程优化06:06
- 课时17Memory/Client/Http/Net/WebViewCache方案介绍11:44
- 课时18Memory/Client/Http/Net/WebViewCache应用实例08:13
- 课时19数据埋点反馈优化和常用软件11:15
章节4前端极致性能体验编码优化
- 课时20优化策略和首屏渲染PRPL方案11:07
- 课时21LazyLoad懒加载策略与组件案例05:26
- 课时22滚动加载分页组件案例05:49
- 课时23web worker思路与方案案例04:47
- 课时24task拆分原理和方案06:24
- 课时25代码分割与打包优化01:55
- 课时26前端项目架构优化思路与ES6原生模块架构案例03:52
- 课时27web components和轻React、Vue和微前端架构思想08:31