The recommended place to instantiate widgets is in the document ready handler. This is causing me some issues because in old (slow) browsers or just slow pc's the user can see the page changing (flickering).

In the past i've always been able to overcome this problem by simply rendering the full html, including all the css classes. But now in jquery ui 1.10 this is no longer working for all widgets. Currently trying to do this with the accordion widget and the cornering breaks when i pre render the html.

Putting the instantiation right below the html is not always an option either because some widgets do positional calculations in the create method which gets corrupted if the page has not been loaded completely.

Apparently the jquery ui team and the ui mobile team for that matter don't seem to recognize this problem. I don't really understand why that is because it makes for a less smooth user experience.

How to deal with page flickering?