深入理解前端性能监控(5)

现在的很多性能监控分析工具都是通过数据上报来实现的，不能及时有效的反馈页面的性能问题，只能在用户使用之后上报（问题出现之后）才能知道。所以基于新闻前端团队基于performance API做了一款实时查看性能的的工具，它并能给出详细的报表，在开发阶段把性能问题给解决掉。

superProfiler【外部开源流程中】

它是一款JavaScript性能监控工具库，通过脚本引用，加载展示在页面右侧，无须依赖任何库和脚本，可以实时查看当前页面的FPS、代码执行耗时、内存占用以及当前页面的网络性能，资源占用。

还能查看最近的（10次）页面性能的平均数。点击“生成报表”按钮会生成更详细的数据报表概览。

小结

Performance API 用来做前端性能监控非常有用，它提供了很多方便测试我们程序性能的接口。比如mark和measure。很多优秀的框架也用到了这个API进行测试。它里面就频繁用到了mark和measure来测试程序性能。所以想要开发高性能的web程序，了解Performace API还是非常重要的。最后通过superProfiler工具可以更快更便捷的查找出性能问题，针对性的击破问题，提高开发效率，提升用户体验。当然这只是前端性能优化的第一步，道阻且长。希望大家提出问题和指出疑问，一起进步。

（编辑：ASP站长网）