前端性能测试工具

概要:要提升前端性能,有两大思路:

1>.减少页面加载所需要的时间。

2>.提升用户的观感,让用户觉得页面更快。

减少页面加载所需的时间,可以从请求的数量、请求的并发度及网络传输时间等方面来着手;而提升用户观感,则主要从让页面尽快开始显示入手。

常用的前端性能测试工具:

1.Apache Benchmark工具,简称ab,命令如下:

ab -c[并发用户数量] -n[发出请求的数量] [被测试页面的URL]

2.Firebug工具

Firebug工具是一个备受推崇的、强大的Web开发工具,它提供了方便的查看页面元素功能,允许用户以鼠标指示、DOM树等方式查看任意页面元素,提供了控制台直接调试JavaScript;提供了可视化的CSS标尺,方便用户调整页面布局;提供了网络面板,允许用户获知每个页面被加载过程中的页面元素下载和执行细节。Firebug工具同时提供了非常好的扩展。

3.HttpWatch工具

HttpWatch工具是可在IE和Firefox下使用的网页数据分析工具。当然,在Firefox平台上已经有Firebug这个强大的工具了,在IE平台上,HttpWatch是个不错的选择

4.Page Speed工具

Page Speed工具是一个基于Firebug工具的前端性能优化工具,该工具由Google公司创建并发布。Page Speed工具依据一些规则对页面进行检查,查找可以优化的地方病给出相应的建议

5.DynaTrace AJAX Edition 工具

DynaTrace Ajax Edition工具是Windows 平台上的免费工具,该工具提供了非常强大的前端性能测试支持。从该工具的名称就可以看出,其主要是针对大量使用Ajax技术应用开发的,它会显示对网页的总评分以及各个分项目的评分信息

时间: 2024-08-09 08:49:13

前端性能测试工具的相关文章

用Docker安装Web前端性能测试工具YellowLabTools

一.YellowLabTools概述 1.YellowLabTools简介 Yellow Lab Tools:是一款开源的Web前端性能测试工具,具有一些在其他工具上无法看到的独特功能,如页面加载时,JavaScript与DOM互动和其他程序代码验证问题. Yellow Lab Tools 偏向于一个发现不良实践的工具,会综合页面权重.请求数.DOM.错误的Javascript.错误的CSS等方面取得一个综合评分.并显示出在加载页面的过程中,DOM 是如何相互影响. 2.YellowLabToo

前端性能测试工具hiper介绍

对前端性能测试工具还不了解,在请教了旁边的前端同事后学习到了简单的工具,在这里总结下. 前端的性能测试测什么? 以下是复制: 渲染引擎工作流 dom树构建:从html标签的解析开始,将各种标签解析为dom树中的各个节点,标签和dom树的中的节点是一一对应关系. 渲染树构建:将CSS和style标签中的样式信息解析为渲染树,渲染树由一些包含有颜色和大小等属性的矩形组成,它们将被按照正确的顺序显示到屏幕上. 渲染树布局和绘制:渲染树确定各个dom节点在屏幕中单确切位置,根据渲染树中的颜色等信息绘制出

【转】两款 Web 前端性能测试工具

前段时间接手了一个 web 前端性能优化的任务,一时间不知道从什么地方入手,查了不少资料,发现其实还是蛮简单的,简单来说说. 一.前端性能测试是什么? 前端性能测试对象主要包括: HTML.CSS.JS.AJAX 等前端技术开发的 Web 页面 影响用户浏览网页速度的因素主要有: 服务端数据返回.网络传输.页面渲染等 前端性能测试目的: 计算出包含页面渲染.网络传输以及服务器端解析等综合因素在内的加载时间指标,对该页面性能进行评估分析,找出影响性能的主要因素和瓶颈,并在此基础上,给出一定的优化建

yslow前端性能测试工具

1.下载yslow,然后添加到浏览器的扩展程序中 2.运行过程,点击扩展程序,然后点击run test 页面测试结果如下图,评分标准是根据雅虎23条 评分等级低的会给出需改进的文件 左侧:empty chche没有缓存情况下的加载情况,右侧为页面元素使用缓存后的页面加载情况 图片参数详解 ①Grade 分数,评分为C,等级为A-F ②score 分数为72 ③yslow 23条规则,也可以说雅虎23条,参考地址https://baike.baidu.com/item/YSLOW/10384699

性能测试工具原理

性能测试工具原理 广义的讲,可以把性能测试过程中使用到的所有工具都称为性能测试工具,性能测试工具分为两大类,服务端性能测试工具和前端性能测试工具:服务端性能测试工具需要支持产生压力和负载,录制和生成测试脚本,设置和部署场景,产生并发用户和向系统施加持续的压力:而前端性能测试工具则不需要关系系统的压力和负载,只需要关心浏览器等客户端工具(目前的前端性能测试工具主要是Web前端性能测试工具). 服务端性能测试工具架构 1.虚拟用户脚本产生器 虚拟用户脚本生成器通过Proxy方式实现,具体来说,就是由

性能测试知多少---性能测试工具原理与架构

在性能测试的学习过程中,坚持思想与工具(分开)并行,当前面世面上的性能测试书籍大多把理论与loadrunner融为一体讲解,这样做是正确的,因为有一些性能名词概念也源于工具.但是,性能测试不是loadrunner,所有的作者也是这么认为的.但他们在讲性能测试的时候讲的就是loadrunner有,只是讲的多少不同罢啦. 你是否觉得我对loadrunner有仇?我之所以将其分开来学,只是希望自己在学习性能测试的时候不要被loadrunner局限了而已.只是觉得在做性能测试时不要带loadrunner

关于测试工具以及前端性能测试的一些思考

对于下一代测试工具的思考. 在以往的性能测试工作中,一直以来使用的测试工具框架都是基于请求-响应模型来进行开发的, 该模型是指脚本通过模拟HTTP请求并接收服务器的响应来针对被测对象的响应时间等考评指标来进行考评. 目前主流的性能测试工具都产生于瘦客户端的时代,而且由于基于的HTTP请求-响应模型本身是很标准的模型, 因此工具更容易做到普适性. 但是很多时候我们测试的结果看着很漂亮,但是实际用户在使用的时候却感觉系统性能糟透了, 抛开场景本身在抽象后与实际场景的差异,这种测试时间和体验时间之间的

H5前端性能测试快速入门

说到H5测试,对于做WEB测试的同学来说再熟悉不过了,它包括页H5功能测试,前端性能测试,浏览器兼容性能测试,以及服务端性能测试.那本文谈到的则是H5前端性能测试,并希望通过阅读本文后,能够知道:H5前端性能测试什么?如何发现问题以及相应的优化规则. 一.浏览器渲染引擎 浏览器是Html解析和页面最终展示的工具,所以测试H5前理解浏览器的工作原理是必不可少的,具体可参考<浏览器工作原理>. 浏览器的主要功能 浏览器的主要功能是将用户选择的web资源呈现出来,它需要从服务器请求资源,并将其显示在

性能学习-了解前端性能测试

原文:http://www.wangyuxiong.com/archives/51405 原文:http://www.cnblogs.com/fnng/archive/2012/07/11/2587196.html 性能测试一直是Web应用中非常受关注的部分,目前大多数人对于性能测试还主要集中在服务器端,重点都会放在服务器端的性能测试与调优,但实际上,除了考虑服务端在足够短的时间内返回页面数据之外,还可以从页面前端考虑. 从用户的感受来看,虽然传输速度受用户带宽的限制.但我们可以通过很多技术来使