转载： http://software.intel.com/zh-cn/blogs/2014/02/28/html5-wapa/?utm_campaign=CSDN&utm_source=intel.csdn.net&utm_medium=Link&utm_content=others-WAPA

HTML5应用性能调优工具WAPA – 使用篇

Dawei Cheng 程大伟... 于星期四, 27/02/2014 - 18:42 提交

本篇文章将介绍怎样来使用WAPA进行分析。WAPA提供了两种使用方式，一种是图形化的web使用方式，另一种通过控制台来进行分析。

WAPA工具下载地址：https://github.com/webperf/WAPA

介绍和安装地址：HTML5应用性能调优工具WAPA – 安装篇

首先我们介绍web版本的使用方式。

WAPA使用篇-Web版本.

1. 运行sever文件夹下的app.js文件，启动服务器。

2. 浏览器中输入localhost:8888,进入欢迎界面。

3. 将要分析的HTML5项目（必须是.jar文件，例如web文件夹的test.jar）拖拽至欢迎界面的虚线框处。然后WAPA将会对该项目自动进行分析。

4. 等待分析完毕，进入结果显示界面。从左到右的三列分别是被分析项目中的文件列表，相应文件中的代码，以及相应文件的分析结果

5．默认的是显示的ie10平台下的分析结果，可以通过点击导航栏的平台选项来显示对应平台的分析结果。

6．点击最左侧Filelist中的文件名，会在中间code区域显示对应的代码，在message中显示分析结果。

7.点击最右侧Message列表中的任意一条message，会自动在code区域代码中找到相应的代码行，并且会弹出更详细的分析结果（包括example和speedup）。当更换点击的message时，前一条的详细分析结果隐藏，该条的详细分析结果显示。

8.导航栏Reports下拉列表中记录的是之前分析过的文件的分析结果。点击任意一个，显示对应的分析结果。

上面介绍了如何使用web版本来进行分析，接下来我们将介绍如何使用WAPA命令行来进行分析。

WAPA使用-命令行版本：

1. 首先打开控制台，进入WAPA文件夹下的../wapa/src目录下。

例如：cd C:\Users\***\Desktop\wapa_source\wapa\src

2. 运行wapa/src 文件夹下的 Main.js. 格式为：node main.js 项目所在的文件夹名。

例如:node main.js C:\Users\***\Desktop\wapa_source\quick_sort_Integrate_v2.1.此命令将分析quick_sort_Integrate_v2.1 这个快速排序项目。分析过程如下图所示：

3. 分析结束之后，分析结果以xml文件的形式，被存放在被分析的项目所在文件夹的中，并被统一命名为WapaAnalyzeResult。

4. 打开分析结果文件WapaAnalyzeResult，将显示下列的内容，包括分析的文件，低效代码出现的行和列，提示的高效写法以及高效写法相比低效写法的加速比。

HTML5应用性能调优工具WAPA – 使用篇相关推荐

HTML5应用性能调优工具WAPA – 安装篇
转载: http://software.intel.com/node/506559 HTML5应用性能调优工具WAPA – 安装篇 Submitted by Dawei Cheng 程大伟... on ...
HTML5应用性能调优工具WAPA – 介绍篇
WAPA来源 WAPA是Web Application Performance Analyzer(Web应用性能分析器)的简称,其来源于Intel软件与服务部门全球合作伙伴关系事业部HTML5应用团队 ...
Java应用性能调优工具介绍及实践
一.背景 (1).随着微服务架构的逐渐推广,一个大型的单个应用程序被拆分为数个微服务系统,这为研发人员的本地调试跟踪带来困难 (2).在微服务架构中,由于业务的复杂性,常常一个业务流程涉及好数个微服务 ...
jvm性能调优工具之 jmap使用详解
本文来说下jvm性能调优工具之 jmap使用详解文章目录概述 jmap用法示例一:no option 示例二:heap 示例三:histo[:live] 示例四:clstats 示例五:fina ...
mysql配置优化ya_mysql性能调优工具之mytop
Mysql性能调优工具之mytop的安装和使用 1.mytop的下载地址 2.首先安装mytop必要的组件. yum -y install perl-DBD-MySQL perl-DBIperl-Te ...
JVM性能调优监控工具专题一：JVM自带性能调优工具（jps,jstack,jmap,jhat,jstat,hprof)...
2019独角兽企业重金招聘Python工程师标准>>> 前提概要: JDK本身提供了很多方便的JVM性能调优监控工具,除了集成式的VisualVM和jConsole外 ...
JVM性能调优（4）——性能调优工具
目录一.JDK工具1.JDK工具2.利用 jps 找出进程3.利用 jstat 查看VM统计信息4.利用 jmap 查看对象分布情况5.利用 jstack 分析线程栈二.Linux 命令行工具1. ...
java 性能火焰图_性能调优工具-火焰图
性能调优工具-火焰图发布时间:2019-07-17 19:29, 浏览次数:402 前言工具的进化一直是人类生产力进步的标志,合理使用工具能大大提高我们的工作效率,遇到问题时,合理使用工具更能加快 ...
【JVM 学习笔记 05】：JVM性能调优工具的使用和优化案例
[JVM 学习笔记 05]:JVM性能调优工具的使用 1. 使用 jstat(命令行工具) 查看线上系统的JVM运行状况 1.1 常用命令 1.2 使用技巧 1.2.1 随着系统运行,每秒钟会在年轻代 ...

HTML5应用性能调优工具WAPA – 使用篇

转载： http://software.intel.com/zh-cn/blogs/2014/02/28/html5-wapa/?utm_campaign=CSDN&utm_source=intel.csdn.net&utm_medium=Link&utm_content=others-WAPA

HTML5应用性能调优工具WAPA – 使用篇

HTML5应用性能调优工具WAPA – 使用篇相关推荐

最新文章

热门文章