speed up loading time with manifest. how?

[dddesign]

I'd like to speed up the loading time of my mobile app, so I thought about store some files in the cache by .manifest file. I set up it (mimetype, .htaccess, link in index.html) and create a .manifest file:



CACHE MANIFEST
#rev0

CACHE:
../senchatouch_0-9-5/resources/css/ext-touch.css
../senchatouch_0-9-5/ext-touch.js
img/loading3.gif
img/icon_nav/35.png
img/icon_nav/44.png
img/icon_weather/10.png
img/icon_weather/10_2.png
img/icon_weather/11.png
img/icon_weather/13.png
img/icon_weather/20.png
img/icon_weather/28.png
img/icon_weather/28_2.png
img/icon_weather/30.png
img/icon_weather/32.png
img/icon_weather/34.png
img/icon_weather/37.png
img/icon_weather/39.png
img/icon_weather/39_2.png
img/icon_weather/39_3.png
img/icon_weather/39_4.png
img/icon_weather/39_5.png
img/icon_weather/39_6.png
img/icon_weather/5.png
img/icon_weather/7.png

NETWORK:
*
index.js
forecast.js
rain.js
data.php
default.css
the application files I'm working on are under NETWORK, so these shouldn't be cached.

By testing with chrome it looks good, but the loading time on iPhone is still long, I think all the files get loaded every time. have someone some experience? or how can I check what is loaded from cache or network on the iPhone?

see here my mobile app:
http://www.dddesign.ch/mobile_apps/weather/

thanks for any tips. j

[SpikeWeb]

I'd be keen to do this too, my iPad App isn't running very fast.

[tomalex0]

How about changing all imgaes to base64 encode and mention those in css and use that css class for showing images.

I have not tried with base64 encode.

It should make some difference by not keeping images in manifest.

This may also come handy for you to know when App is offline capabale

http://www.sencha.com/forum/showthread.php?107197-OPEN-232-Manifest-event-wrapper

[blessan]

Even if u manifest all the files. It will take some time to render the UI based on the complexity.