网页加载后，浏览器会解析 html、执行 js、渲染 css，这些工作都是在 Event Loop 里完成的，理解了 Event Loop 就能理解网页的运行流程。 但很多人对 Event Loop

1. 整体结构 从上到下分别为 4 个区域： 工具面板：包含录制，刷新页面分析，清除结果等一系列操作 概览面板：高度概括随时间线的变动，包括 CPU，NET 线程面板：例如 Network，Frame

我有时写文章之前会想一个问题：写哪个方向会更有意思一些？ 比如写正向知识体系，我更愿意写函数、对象那部分，因为他们变化多样，因为变化多样，所以有意思。 渐渐地，我在写文章之前就有点这个习惯了。当我再次

无论是初创的小公司，还是互联网大厂。只要是能赚钱的业务，那它的前端项目必定是需要监控的。 什么？你们的项目直接果奔？不需要任何监控？ 那没事了

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

如何选择上报策略？监控SDK如何设计成多平台支持？如何进行SDK的代码结构组织？错误监控、性能监控的细节？等等问题，都会在文章中一个一个的来聊一聊

本文分享如何自研前端监控系统之（一）性能监控；我们都听说过性能的重要性。但谈起性能，以及让网站"速度提升"时，我们具体指的是什么？而本篇文章将分享：如何准确地测量用户的网页性能体验。

前端监控 前端监控似乎现在是一个炙手可热的话题，想要成为一个不只会写业务代码的进阶前端，少不了对页面性能，功能的监控，由此出现前端监控的概念，本文介绍了主要介绍了几下一个内容 前端监控该从哪些方面进行

最近在做性能监控相关的工作，将准备工作中涉及的资料进行一次整理。 合成监控（Synthetic Monitoring，SYN），就是在一个模拟场景里，去提交一个需要做性能审计的页面，通过一系列的工具、规则去运行你的页面，提取一些性能指标，得出一个审计报告。 真实用户监控（Rea…