HTML and CSS Reference
Figure 6-1: Comparison of HTML5 rendering methods on mobile.
You can run the tests by going to http://cykod.github.com/mobile-html5-tests . The tests consist of creating
various numbers of image sprites and moving them vertically down a 320 × 320 board. The graph in Figure
6-1 shows the results for rendering 50 sprites. The tests run through five ways to do the rendering. The first
uses <img> tag-based sprites. The second uses CSS background-image -based sprites. The third uses CSS