一个完整的前端监控平台包括三个部分：数据采集与上报、数据整理和存储、数据展示。 本文要讲的就是其中的第一个环节——数据采集与上报。下图是本文要讲述内容的大纲，大家可以先大致了解一下： 仅看理论知识是比

当前互联网产品竞争激烈的环境下，前端研发在一个产品的生产链上承担了越来越重要的角色。作为直达用户的一层应用，跟安卓IOS的原生App一样，可以说是直接衡量一个项目产品好坏的第一道关口。 和原生应用不同的是，前端应用在运行环境方面存在太多不可控的复杂因素，并没有一个相对稳定运行环…

前端页面性能是一个非常核心的用户体验指标。本文介绍阿里UC 岳鹰全景监控平台 如何设计一个通用、低侵入性、自动上报的页面性能监控方案。主要采用的是Navigation Timing API以及sendBeacon等方法。 一个页面性能差的话会大大影响用户体验。用户打开页面等待的…

随着Node v11.0 release版本的发布，Node已经走过了很多年。基于Node产生了很多服务端框架，来帮助我们独立于后端进行前端工程的开发和部署。 业务逻辑的迁移，以及各种MV*框架的服务端渲染模型的出现，让基于Node的前端SSR策略更依赖服务器性能。首屏直出性能…

页面性能对用户体验而言十分关键。每次重构对页面性能的提升，仅靠工程师开发设备的测试数据是没有说服力的，需要有大量的真实数据用于验证； 资源挂了、加载出现异常，不能总靠用户投诉才后知后觉，需要主动报警。 关于前端性能指标，W3C 定义了强大的 Performance API，其中…