Developing WebApp performance attention points using HTML 5

Introduction to the application of PhoneGap HTML5

PhoneGap is a fast development platform that uses HTML,CSS and JavaScript to create mobile Cross-platform mobile applications. It enables developers to leverage the core capabilities of Iphone,android,palm,symbian,wp7,bada and BlackBerry smartphones-including geolocation, accelerators, contacts, sounds, and vibrations-and PhoneGap has a wealth of plug-ins, You can extend unlimited functionality with this. PhoneGap is free, but it requires additional software from a specific platform, such as an iphone sdk,android Android SDK, which can also be developed with DW5.5. Using PhoneGap is only a little bit more than building an application for each platform, because while the codebase is the same, you still need to compile the application separately for each platform.

Analysis of PhoneGap WebApp

We analyzed the current Google Play, the Android Market, the pea pod market, the top 300 downloads in the Jifeng market, and the first 50 applications for each category, and found that the following 7 applications were developed using PHONEGAP:

There are 5 applications from the domestic market. Of course, there are more pure HTML5 applications that are not counted, and do not compute PHONEGAP applications from iOS.

Analysis Tools WAPA Introduction

We analyze all of the above phonegap applications using WAPA, WAPA is the abbreviation for Web Application Performance Analyzer (Web Application Performance Analyzer). It comes from the Intel software and Services Department's global partnership Division HTML5 Application Team Innovation project. is designed to give developers advice on how to write high-performance HTML5 applications that provide code level.

Wapa to the HTML5 application analysis process as shown in the figure:

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.

After using the WAPA analysis of the app developed by PhoneGap, we draw some common conclusions and provide them to developers for reference when developing PhoneGap app.