HTML and CSS Reference
In-Depth Information
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