深入领略前端机能监控
发布时间：2019-04-09 05:32:21 所属栏目：建站 来源：腾讯新闻前端团队
导读：在同样的收集情形下，有两个同样能满意你的需求的网站，一个唰的一下就加载出来了，另一个白屏转圈转了半天内容才出来，假如让你选择，你会用哪一个？ 页面的机能题目是前端开拓中一个重要环节，但一向以来我们没有较量好的本领，来检测页面的机能。直到W3
|
此刻的许多机能监控说明器材都是通过数据上报来实现的，不能实时有用的反馈页面的机能题目，只能在用户行使之后上报（题目呈现之后）才气知道。以是基于消息前端团队基于performance API做了一款及时查察机能的的器材，它并能给出具体的报表，在开拓阶段把机能题目给办理掉。 superProfiler【外部开源流程中】 它是一款JavaScript机能监控器材库，通过剧本引用，加载展示在页面右侧，无须依靠任何库和剧本，可以及时查察当前页面的FPS、代码执行耗时、内存占用以及当前页面的收集机能，资源占用。 还能查察最近的（10次）页面机能的均匀数。点击“天生报表”按钮会天生更具体的数据报表概览。 小结 Performance API 用来做前端机能监控很是有效，它提供了许多利便测试我们措施机能的接口。好比mark和measure。许多优越的框架也用到了这个API举办测试。它内里就频仍用到了mark和measure来测试措施机能。以是想要开拓高机能的web措施，相识Performace API还长短常重要的。最后通过superProfiler器材可以更快更便捷的查找出机能题目，针对性的击破题目，进步开拓服从，晋升用户体验。虽然这只是前端机能优化的第一步，道阻且长。但愿各人提出题目和指出疑问，一路前进。 【责任编辑：庞桂玉 TEL：（010）68476606】点赞 0 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
