前端发布

4.1 一个前端页面时如何发布到线上的？

• Jenkins，直接从svn或git到生产服务器，全程自动化，上传代码后一键即完成部署。还可以配合自动化测试，先把用例跑一遍，通过了再上线。
• dockder，交付时不需要给程序包和各种环境、组件的包然后安装和配置，因为我给你的就是一个完整的虚拟机，里面有所有东西。

4.2 CDN

CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。

4.3 增量发布（待补充）

5. 前端监控

关于前端性能指标，W3C 定义了强大的 Performance API，其中又包括了 High Resolution Time 、 Frame Timing 、 Navigation Timing 、 Performance Timeline 、Resource Timing 、 User Timing 等诸多具体标准。

本文主要涉及 Navigation Timing 以及 Resource Timing。

5.1 为什么监控

简单而言，有三点原因：

1. 关注性能是工程师的本性 + 本分；
2. 页面性能对用户体验而言十分关键。每次重构对页面性能的提升，仅靠工程师开发设备的测试数据是没有说服力的，需要有大量的真实数据用于验证；
3. 资源挂了、加载出现异常，不能总靠用户投诉才后知后觉，需要主动报警。

5.2 用什么监控

使用浏览器提供的 window.performance 对象（Performance API 的具体实现），来实现一个简易的前端性能监控工具。

5.3 5分钟撸一个前端性能监控工具

两个重要要的监控指标：

• 页面加载时间
• 资源请求时间