Introduction to HTML 5 Applied Energy Tuning Tool WAPA

WAPA sources

WAPA is the abbreviation for Web Application Performance Analyzer (Web Application Performance Analyzer), which originates from the innovative project of the Intel Software and Services Department's global partnership Division HTML5 application team. is designed to give developers advice on how to write high-performance HTML5 applications that provide code level.

As we all know, Web applications for a long time because of its performance under the problem, can not be compared with local applications in the user experience, with the rapid development of HTML5 and mobile terminal performance, Web applications will be a blowout trend, whether in its quantity, or quality. But how to write efficient Web applications is a hurdle for developers, which is mainly embodied in three aspects:

1. Web development differs from local development in that there are several ways to implement the same functionality, and DOM selector is a typical example of how efficient it is to develop Web applications and believe that many developers have been bothered.

2. The HTML5 standards of the consortium have been settled, but the realization of the major manufacturers is to blossom, the same function, the implementation of different methods, the corresponding interface is also different.

3. The rapid development of the web, more and more of the latest High-performance API open to the vast number of developers, CSS3 Animation is one of the typical, how to fully use these high-performance interfaces to develop applications?

Based on solving the above three problems, we developed the WAPA tool. Next, a series of articles will introduce WAPA's architecture, composition, analysis rules, and strategies to help developers develop high-performance HTML5 applications.

WAPA Work Flow

The WAPA workflow is as shown in the above illustration:

1. First unpack the installation package of the target Web application;

2. Next, parse the corresponding source code file (. html,. js.. css)

3. If the JS file, then generate the corresponding syntax tree, if it is HTML and CSS files, then statically parse the file;

4. Match and identify the parsed file or the syntax tree and the preset optimization rules in the WAPA;

5. According to the results of matching and recognition to generate a corresponding, for the developer to choose.

WAPA Series Content Arrangement

This article is the opening of WAPA introduction, then will be explained in turn: WAPA use, WAPA rules detailed chapters, and WAPA summary.

In the WAPA use of the article will specifically describe how to use Wapa,wapa will report what kind of prompts to the developer;

In the rules detailed chapter will explain to the developer each rule hint the performance reason and the improvement method;

In the summary, we will summarize the common HTML5 application development performance obstacle points in wapa analysis cases and how to avoid