17 Nov 2011 7:31 AM #1
HTML Rendering Slow
Im just wondering if anyone can help, we have a small application that has some HTML pages, from a json store.
The layout of the app is standard a container panel, a left panel holding the menu, a right panel for the html content, and a controller.
We have determined that the length (with or without images) of the html on a panel has serious performance implications, some of the pages take 3 - 4 seconds on an ipad 1 to render.
We have cut down the html to a few lines, this greatly speeds up the rendering, but im just wondering how this could happen within a webkit browser?
FYI these are not enormous pages of HTML, maybe 500 words, with 3 images at the most, nothing hugely complex.
Any ideas would be greatly appreciated, we have tried everything we can think of so are looking for some valued external input.
18 Nov 2011 4:09 PM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
It's not really WebKit specific... DOM is always going to be the slowest thing you can deal with. The more read/writes to the DOM, the slower. The more elements in the DOM, the slower.
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
21 Nov 2011 1:37 AM #3
Right, i agree with you there entirely, we have stripped it down to the most basic layout we can use however there isnt much improvement.
We are adding timing code to the sencha library to find out where the bottleneck is and i will report back with our results. It may just point out where we are going wrong.