1. #1
    Sencha User
    Join Date
    Nov 2011
    Posts
    2
    Vote Rating
    0
    pablocullen is on a distinguished road

      0  

    Default HTML Rendering Slow

    HTML Rendering Slow


    Hi There

    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.

    Regards

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,541
    Vote Rating
    872
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    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.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    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 services@sencha.com

    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.

  3. #3
    Sencha User
    Join Date
    Nov 2011
    Posts
    2
    Vote Rating
    0
    pablocullen is on a distinguished road

      0  

    Default


    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.

    P

Thread Participants: 1

Tags for this Thread