Thank you so much for this advice.
I've removed the data-role='listview' and created my own. It is much faster indeed. I've tried it on a list of 60 <li> with images and even with gradient it's still very fluid.
Each <li> is a link to an event page. Going to the event page after a tap and coming back is also much faster (close to native really).
But by getting rid of the data-role='listview', I've gone back to all the display problems I thought I had sorted :
- when tapping on one of the <li>, the list seems to freeze and move a little before showing the event page
- on the event page, I get white flashes and flickering. The top bar flashes and moves before settling.
Any help on that would be greatly appreciated.
PS : I use the following js libs :
<link rel='stylesheet' href='./extnew/jquery.mobile-1.3.1.min.css'/>
<link rel='stylesheet' href='./extnew/jquery.mobile.simultaneous-transitions-replace.css'/>
<link rel='stylesheet' href='./extnew/jquery.mobile.iscrollview.css'/>
<script src='./extnew/jquery-1.8.3.min.js'></script>
<script src='./extnew/jquery.mobile.simultaneous-transitions-replace.js'></script>
<script src='./extnew/jquery.mobile-1.3.1.min.js'></script>
<script src='./extnew/GALocalStorage.min.js'></script>
<script src='./extnew/cordova-2.6.0.min.js'></script>
<script src='./extnew/iscroll-4.2.min.js'></script>
<script src='./extnew/jquery.mobile.iscrollview-1.3.1.min.js'></script>