如何开发一款与阿里云相媲美的前端性能监控工具（初探篇）？

本文共计4407个文字，预计阅读时间需要18分钟。

在这篇文章中，我将简单说明以下问题：如何知道我的网站性能有多慢，慢在哪里？这个问题是网站上线初期首先要解决的问题。

APM，即Application Performance Monitor，指的是应用性能监控。

在这篇文章里我要回答的问题也简单明了：我怎么知道我网站性能有多慢以及慢在哪？这个问题是网站上线之初我需要首先搞清楚的。

APM 全称是 Application Performance Monitor，即性能监控

这篇文章有三个前提：

• 从产品形态上看这肯定不是一个能够媲美阿里产品的竞品，所以抱歉我碰瓷了。你可以把这里的阿里换成任何一个你在 google 用 APM 搜索到的工具。但是文章最后会我会用阿里的工具对同一网站进行性能测试，看看我们两者的悬殊究竟子啊哪里。很有意思的是，虽然我自己的写的这个工具相比阿里云的监测工具无比简陋，但它依然达到了我的目的帮助我发现了问题在哪。从这个意义上说，这确实是一种胜利
• 工具起点和终点是 site2share，这是一个我自己给自己写的一个工具网站，我需要知道上线后用户对它的性能感受究竟如何，所以工具因它而造，在完成对它进行性能测试的使命之后也即寿终正寝。
• 这篇文章其实是对我去年写的《性能指标的信仰危机》一文的回应。在那篇文章中基本都是在阐述这个工具背后的道理和设计，没有一行真实代码的落地。

我还记的很多年前网络上盛传的一道经典前端面试题，大意是请解释从浏览器地址栏敲入 url 之后到看到页面的过程中发生了什么。这类问题的迷人之处在于它给了你一记响亮的大嘴巴子却又让你心服口服——原来我们对眼皮下的诸多事物都熟视无睹，以及漫不经意问题背后存在着这么大的学问题。