90 likes | 233 Views
Pre-build Web App on installation - Implementation Proposal. Fengqi Wang Nov, 2010. The Issue: Current implementation. Mobile Web Apps are just installed and deployed as HTML/CSS/JavaScript. Parse and regenerate most components in every execution. Background knowledge: DOM & Render tree.
E N D
Pre-build Web App on installation - Implementation Proposal Fengqi Wang Nov, 2010 2010-July/ Fengqi Wang
The Issue: Current implementation • Mobile Web Apps are just installed and deployed as HTML/CSS/JavaScript. • Parse and regenerate most components in every execution. 2010-July /Fengqi Wang
Background knowledge: DOM & Render tree 2010-July /Fengqi Wang
The Solution Legends Static content Mobile Web App (.WGZ) On-Board Builder Static Handling HTML/CSS/JS App Execution Installation / Deployment Only Do it once! Run Time Pre- Build 2010-July /Fengqi Wang
Sequence for App Installation 2010-July /Fengqi Wang
Decomposition – Installation/Deployment Mobile Web pp (.WGZ) HTML/CSS/JS Tokenizing Reuse Browser Engine Components. Parsing Construction DOM Tree StyleSheets Render Tree JavaScripts New Routines & space to persist Web Objects. Serialization Objects Storage 2010-July /Fengqi Wang
App Execution Sequence 2010-July /Fengqi Wang
Decomposition – App Execution Legends DeSerialization New Components Browser Engine Components Load web objects from storage instead of regenerating them every time; “Instant-on” Application execution! Event Handling JavaScript Interpretation Rendering Layoutting 2010-July /Fengqi Wang
Recap the Solution • Break Web app handling into 2 phases – installation time & run time. • Extract the “static” part of Web content rendering. • On installation, Pre-build and Serialize / Persist the “static” objects generated by the browser engine. • Load “pre-generated” app elements before execution. On-Board Builder 2010-July /Fengqi Wang