前言

社区里关于前端测试贴子好像相对来说少一些,百度下来也是那几篇帖子来回抄。最近两天稍微闲一点了,刚好看到社区里两篇前端相关帖子,很受启发,于是手痒,打算学习一下。

相关姿势

百度到的姿势,大都是基于 Navigation Timing API来玩。

优点:人人都会玩都能玩。缺点:手动挡,不方便自动化集成。

谷歌允许第三方基于 chrome 的 web 应用程序基于上述协议进行调试,收集、分析多种语言调用封装

优点:解放双手,再也不需要,左手右手一个慢动作了,畅快,舒服~。缺点:你得会上述封装其中一种语言,不会的话,还是玩手动挡吧

姿势说明

网页性能常见指标

搬运的轮子

轮子的组装

存在问题

后记

国外的 newrelic,appdynamics,国内也有很多专测前端性能测试的公司如:X 云,XX 魔方,X 视宝,ONEXXX,可惜都是收费的。阿里,腾讯,美团等等都有自己的前端性能测试平台,可惜只能在 PPT 中仰视,实现技术鲜有分享,是那种我们永远模仿不来的高大上,只能仰视膜拜。写完就后悔了,骂造轮子的人可能已经在路上了。真心讨厌那些自己分享不出好东西,又喜欢匿名喷人的人,总拿别公司的已有的模仿不来的火箭飞机大炮了来喷人,自己却造不出自行车。只吃别人嚼过的饭,永久体会不到吃热气腾腾散发小麦香馒头的乐趣。记录自己学习研究的过程,把别人的一些好的分享化为己用(要喷喷他们去吧😂 ),仅此而已,不喜看的也没收你一分钱,关掉就好。以上信息百度收集整理,如有错误欢迎指正批评。也欢迎有兴趣的小伙伴一起交流,一起学习进步。

特别致谢

@raowm520 发帖介绍和给予的帮助

参考

w3 Navigation Timing
MSDN Navigation Timing
WEB 自动化性能测试
chrome devtools protocol——Web 性能自动化实践介绍


↙↙↙阅读原文可查看相关链接,并与作者交流