Javascript性能优化及前端开发课程

  课程天数：2天

  课程介绍

     JS性能优化，代表了前端开发者对于品质的追求，而通过性能优化带来的体验提升，不仅能提升页面访问速度、增加访问量，更能带来转化率的进一步提升；

     本课程以全站性能优化为例，通过性能体系整体上提升性能，深入浅出介绍js性能优化，确保学习者在性能方面的理解和业界前沿保持一致，同时会对实践开发中需要用到的开发神器进行介绍，进而提升开发者效率和效能

  课程收益

     掌握HTML5全部的新功能；

     掌握如何在Web页面开发中运用HTML5标签开发页面；

     掌握在页面中使用HTML5实现视频与音频的显示与功能开发；

     掌握HTML5中的Canvas基本使用功能；

     掌握HTML5中本地数据存储的方法与技巧。

  培训对象

     有一到两年前端开发经验的开发人员；

     有一定编程经验的web开发人员；

     对前端架构感兴趣的开发人员；

     想进一步学习HTML5、CSS3方面的人员；

  课程大纲

1、如何确立合适的性能核心指标

     •  首屏/白屏/可操作/load

     •  网络指标

     •  数据接口指标

     •  静态资源指标

2、如何收集上报性能数据

     •  传统首屏打点

     •  无侵入性能埋点

     •  性能sdk

     •  图片测速

3、如何分析性能数据，诊断瓶颈

     •  概率分布

     •  分位信息

     •  分类信息

4、如何针对瓶颈实施优化

     •  业务层优化

     •  webview层优化

     •  渲染层优化

     •  打包层面优化

     •  网络层面优化

     •  黑科技

5、如何评估优化结果

     •  ABtest

     •  业务数据

     •  可视化展现

     •  动画对比

6、前端开发神器

     •  UI还原度神器-fastcapture

     •  koala

     •  emmet

     •  数据mock,hiproxy

     •  charles

     •  wireshark

     •  ngrok

     •  alloydesigner

     •  api测试

     •  静态检查

     •  review工具

     •  性能平台

     •  异常错误监控平台

     •  文档平台

7、前端性能体系演进

     •  bat一线如何优化性能

     •  性能演进的终局思考