前端概述
Web前端开发是从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。
而随着移动端的便利性，大前端的概念也是影响广泛，前端已经不仅限于在web端进行界面的呈现，大前端已经包括但不限于：
- web站点开发(后台、中台、前台等页面)
- 移动端混合应用集成(RN、weex、flutter)
- 多端小程序/块应用
- 桌面应用(electron)
- 服务端node层
前端监控
随着用户群体的增加，对于前端的监控也变得更为重要了，目前的主要监控点可以分为三大类：
- 用户体验监控（首字节时间点、资源加载时间、数据请求时间、首屏加载时长等）：常用于了解业务的体验分析和优化
- 异常监控（js执行异常、交互异常、展示异常、资源加载异常、接口请求类异常等）：常用于了解业务的可用性分析和优化提升
- 产品侧统计类监控（埋点、曝光统计、停留时长等）：常用于业务线的业务数据收集和未来规划
前端性能优化浅析
- 加载优化（资源加载时长、异步加载、并行加载、预加载、加载时机、CDN）
- 资源大小优化（图片资源大小、脚本资源大小、css样式资源大小）
- 体验优化（统一风格、弹性容器、下拉刷新、上拉加载、占位屏、loading效果）
- 流程优化（前端路由、数据请求）
- 开发体验优化（紧跟潮流，webpack+react全家桶+eslint+babel+sass等）
- 交互体验优化（紧随用户反馈、问卷调查、优化处理）