搞不定前端性能测试?不许哭,这里有一大波测试工具请拿走

Posted 自动化软件测试

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了搞不定前端性能测试?不许哭,这里有一大波测试工具请拿走相关的知识,希望对你有一定的参考价值。


性能测试一直是Web应用中非常受关注的部分。


目前人们对性能的关注还主要集中在服务端,大部分人在说到“性能测试”的时候,都会把重点放到服务端的性能测试和调优,也就是通过各种方法找到服务端的性能瓶颈并尝试对其进行调优。


实际上,对于web应用来说,除了考虑服务端在足够短的时间内返回页面数据之外,还可以从页面前端的角度来考虑性能测试和性能调优。


0 1
前端性能测试目的


前端性能测试对象有:html、CSS、JS、AJAX等前端技术开发的Web页面,服务端数据返回、网络传输、页面渲染等都会影响用户浏览网页速度前端性能的指标有:白屏时间、首屏时间、用户可交互时间、总下载时间、DNS解析时间、TCP连接时间、HTTP请求时间、HTTP响应时间。


前端性能测试的目的是计算出包含页面渲染、网络传输以及服务器端解析等综合因素在内的加载时间指标,对该页面性能进行评估分析,找出影响性能的主要因素和瓶颈,并在此基础上,给出一定的优化建议和解决方案,从而提升用户体验。


尽管性能如此重要,但是在开发迭代过程中难免会有所忽视,性能会伴随产品的迭代而有所衰减。特别在移动端,网络一直是一个很大的瓶颈,并且页面越来越大、功能越来越复杂,因此需要一套性能监控系统来持续监控、评估、预警页面性能状况、发现瓶颈,指导优化工作的进行。


0 2
前端性能测试工具介绍


目前,前端性能测试的执行工具有很多,比如:YSlow、PageSpeed、WebPagetest、OneAPM Browser Insight等等(摘自互联网)。

这些执行工具都很好使用,并且它们关注的性能点也有些不同,所以就有了将这些工具产生的数据都收集起来的工具showslow。通过部署和匹配showslow,可以实现将上述工具产生的数据收集并产生不错的报表,对三种常用前端测试工具进行简单介绍。


0 3
YSlow



YSlow(解析为why slow)是雅虎基于网站优化规则推出的工具,可以帮助分析并优化网站性能。

雅虎网站优化规则在十几个方面为网站提出优化建议,包括尽可能的减少HTTP的请求数、使用 Gzip 压缩、将CSS样式放在页面的上方、将脚本移动到底部、减少DNS查询等十几条规则,YSlow 会根据这些规则分析测试网站并给出评级。

0 4
PageSpeed



PageSpeed最初是Google内部用来改进网页设计的工具,它整合在Firefox的著名插件Firebug中。

网站管理员和网络开发人员可以使用PageSpeed 来评估他们网页的性能,并获得改进网页性能的建议。当用户运行PageSpeed时,可以立即获得如何改进网页载入速度的建议。PageSpeed能自动为用户优化图像,提供可以发布在网页上的压缩图片,它也能识别javascript和CSS载入问题,帮助开发者减少浏览者等待网页展示的时间。

0 5
WebPagetest



WebPagetest是一款Web应用程序,它将一个URL以及一系列配置参数作为输入,并对那个URL运行性能测试


0 6
性能测试平台搭建


ShowSlow是开源的前端性能监控系统,具有以下功能:

 前端性能指标数据收集功能:ShowSlow支持通过YSlow、PageSpeed等第三方工具将性能数据上报给服务端完成收集

其服务器端提供了针对多达8种不同工具上报的数据收集器dommonster、dynatrace、events、har、metric、pagespeed、webpagetest、yslow



搞不定前端性能测试?不许哭,这里有一大波测试工具请拿走

搞不定前端性能测试?不许哭,这里有一大波测试工具请拿走学习安排上!搞不定前端性能测试?不许哭,这里有一大波测试工具请拿走

码个资料送给你

福利视频学习资料:mysql数据库

扫码回复“000” 领取学习资料

不想错过就把我们设为星标吧!

第一步:点击顶部蓝字“自动化软件测试”,进入公众号主页

第二步:点击右上角“···”

第三步:点击“设为星标”

转载自:http://navo.top/qAJzAj

 “在看”点一点 

生活与美好共存,今日宜开心

以上是关于搞不定前端性能测试?不许哭,这里有一大波测试工具请拿走的主要内容,如果未能解决你的问题,请参考以下文章

作为研发不会进行服务调优 & 评估服务性能 ?作为测试搞不定性能测试?你需要这样一匹 “悍马“ —— wrk

作为研发不会进行服务调优 & 评估服务性能 ?作为测试搞不定性能测试?你需要这样一匹 “悍马“ —— wrk

小伙伴们,前端性能测试搞起来!---sitespeed.io

面试官让我聊聊jmeter性能全流程测试,我忍不住哭了

自动化测试碰到验证码还搞不定?一招轻松搞定

急急急!50分 高手请进 阿里旺旺(阿里巴巴版本的)右下角图标不显示 自定义通知区域的设置搞不定