How to reduce a jquery mobile page into a minimized static page?
Every jquery mobile page would minimally include jquery.js (~94K), jqyery mobile (~113K) and jquery mobile css (~74K) . That is a total of around almost 300K.
After I construct a beautiful jquery mobile page, is there any easy way to "reduce" it to a bare minimum static page? I just want to preserve the look'n'feel for a certain sized screen, not all the dynamic stuff and whole package around it.
I have tried to manually inspect the elements and copy the needed css by hand, but that proves to be very tedious even for one page and is very error-prone, hard for me to debug.
The longer story ....
I have built a web app using jquery mobile. I like the first page to load blazing fast. User will stay at the first page for a while (they will do user registration). Meanwhile I will load app into app cache in the background. So after user finishes registration and press "Register" button, everything will be running from local cache, which will be fast.
Of course I really like the first registration page to have the same look'n'feel as all the later jquery mobile pages. Here comes the problem how to "reduce" it.
Thanks in advance.