15
I am building an application that includes a UIWebView containing a large number of images, CSS, embedded video, and JavaScript tap handlers. Scrolling performance is stuttery and I am looking for insight into the most effective ways to improve this.
Which if any of the following characteristics lead to laggy UIWebView scrolling? What other factors may be hindering performance?
- Quantity of images
- Should I be removing images from the DOM as the user scrolls past them, and adding them back if they scroll back up?
- Size of images
- Will Retina-quality images in a web view affect scrolling performance a lot more than smaller versions would?
- Image scaling
- Would resizing the images ahead of time make a big difference, rather than relying on the web view to scale based on declarations like
width: 100%;?
- Would resizing the images ahead of time make a big difference, rather than relying on the web view to scale based on declarations like
- CSS
- I have avoided
box-shadow, but are there other CSS properties that are also known for adversely affecting scrolling performance?
- I have avoided
If there are any other resources or tools that can be used for profiling, I've love to hear about them.