views:

34

answers:

3

Hey all!

I have a developer designing a financial application to be used on a mobile phone via the phones browser. Now each page is 150kb wich to my opinion is way to large. No images are used as it is mostlyhtml buttons and css and possibly javscript. How can i minimise the page size?

+1  A: 

minify your js/css/html. If is doesnt help, you will need to restructure your pages to show less info, as you said there are no images, so you cant do any optimization on that front

Midhat
A: 

Enable HTML compression on your servers if it's not already done.

What software are on your target phones? If they have capable browsers, you could cut some weight by sending the relevant data down in JSON form and then having Javascript render the relevant HTML. If we're talking Mobile IE... maybe, maybe not.

And, as others have said, use minification.

At a higher level, are you sure you need this much data per page? On a mobile browser it's going to be a pain to navigate.

Clint Tseng
The bottleneck is the client browser. it cant handle this much data. So it doesnt matter if the data is compressed in transit or not. It will still be 150kb when it reaches the client browser
Midhat
A: 

The major things have been said already but I would add this :
Clean up the Html markup. Check that there are no unnecessary nested tags, divs, and so on. It also helps the javascript to process faster when the DOM is lighter.

Stephane