你还搞不定前端性能测试？这里有一大波测试工具请拿走 ...

每天进步一点点，关注我哦，每天分享测试技能文章
  性能测试一直是Web应用中非常受关注的部分。

目前人们对性能的关注还重要会合在服务端，大部分人在说到“性能测试”的时候，都会把重点放到服务端的性能测试和调优，也就是通过各种方法找到服务端的性能瓶颈并实验对其进行调优。
实际上，对于web应用来说，除了考虑服务端在充足短的时间内返回页面数据之外，还可以从页面前端的角度来考虑性能测试和性能调优。
01前端性能测试目的
 
前端性能测试对象有：HTML、CSS、JS、AJAX等前端技能开辟的Web页面，服务端数据返回、网络传输、页面渲染等都会影响用户欣赏网页速率
   前端性能的指标有：
  白屏时间、首屏时间、用户可交互时间、总下载时间、DNS解析时间、TCP连接时间、HTTP请求时间、HTTP相应时间。
  前端性能测试的目的是计算出包罗页面渲染、网络传输以及服务器端解析等综合因素在内的加载时间指标，对该页面性能进行评估分析，找出影响性能的重要因素和瓶颈，并在此底子上，给出一定的优化建议息争决方案，从而提升用户体验。

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

02前端性能测试工具介绍
 

目前，前端性能测试的执行工具有很多，比如：YSlow、PageSpeed、WebPagetest、OneAPM Browser Insight等等（摘自互联网）。

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

免费领取码同学软件测试课程条记+超多学习资料+完整视频+口试题，可加交换群：1134725192

03YSlow
 
YSlow（解析为why slow）是雅虎基于网站优化规则推出的工具，可以帮助分析并优化网站性能。
雅虎网站优化规则在十几个方面为网站提出优化建议，包罗尽可能的减少HTTP的请求数、使用 Gzip 压缩、将CSS样式放在页面的上方、将脚本移动到底部、减少DNS查询等十几条规则，YSlow 会根据这些规则分析测试网站并给出评级。

04PageSpeed
 
PageSpeed最初是Google内部用来改进网页设计的工具，它整合在Firefox的著名插件Firebug中。
网站管理员和网络开辟人员可以使用PageSpeed 来评估他们网页的性能，并获得改进网页性能的建议。当用户运行PageSpeed时，可以立刻获得如何改进网页载入速率的建议。PageSpeed能自动为用户优化图像，提供可以发布在网页上的压缩图片，它也能识别JavaScript和CSS载入问题，帮助开辟者减少欣赏者等候网页展示的时间。

05WebPagetest
 
WebPagetest是一款Web应用程序，它将一个URL以及一系列设置参数作为输入，并对谁人URL运行性能测试
WebPagetest可设置参数的数量非常多，范围非常广。如果测试结果不只生存在个人的服务器上，就需要安装自己的WebPagetest实例，否则，就必须使用 WebPagetest的公开实例。可以选择任何一组网站地址来进行测试，每个地址都可以用一个或多个欣赏器对其进行测试，同时可以指定连接速率以及运行测试的数量。

06性能测试平台搭建
 
ShowSlow是开源的前端性能监控体系，具有以下功能：
 前端性能指标数据网络功能：ShowSlow支持通过YSlow、PageSpeed等第三方工具将性能数据上报给服务端完成网络
其服务器端提供了针对多达8种差别工具上报的数据网络器dommonster、dynatrace、events、har、metric、pagespeed、webpagetest、yslow

实在测试是一个非常广泛的技能，要想深入精通到更行各业，需要至少5年的钻研才气精通,纯熟到一定级别，乃至做上技能总监也不是没有可能。 对于测试来讲，测试的工作实在相对是轻松，技能难度也不是特别高，所以大家在做测试期间，一定要连续学习，连续集成，才气进步，实现自我的代价。 末了感谢每一个认真阅读我文章的人，下面这些资料也是我费了几天时间整理的非常全面的，希望也能帮助到有需要的你！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。