HTML5 on Android Samsung Galaxy Tab "disappointing" vs Apple iPadWeb app developer Sencha has profiled Samsung's Android-based Galaxy Tab in comparison to Apple's iPad, concluding that while it is billed as "the first mass-market Android tablet; unfortunately, its a little bit of a disappointment."
Acid3 vs Android 2.2: where's the modern Webkit browser?
The Galaxy Tab runs a fairly stock version of Android OS 2.2, scoring 93/100 on Acid3, Sencha reports. This compares to a perfect 100/100 score on the iPad as well as RIM's BackBerry Torch, which Sencha also recently profiled.
Android lost points in Acid3 related to a Media Query test, but most of the points were deducted for failing SVG feature checks, as Android doesn't ship with support for the standard.
In its look at the BlackBerry Torch smartphone, Sencha reported that "Webkit based browsers have been shipping with a score of 100/100 for about a year now, so the result here would tell us how recently the BlackBerry team took their branch of Webkit. And the result is: 100/100. The Torch browser is running a modern Webkit browser."
Modernizr HTML5 features
While the Galaxy Tab supports a variety of modern HTML5 features, including localStorage, geolocation, CSS3 styles, Canvas, WebSQL, and drag & drop, it lacks support for features that work on the iPad, including CSS3 3D transforms, SVG, and Web Sockets.
Neither the Tab nor iPad support every component of HTML5, with both lacking support for Web Workers, WebGL, inline SVG and IndexedDB.
It discovered the Torch offered performance comparable to the iPhone 3GS or Android 2.1, while the Android 2.2 led in performance across the bar, being both good at text processing functions as well as math. In testing the Tab, Sencha reported identical performance, while an iPad running iOS 4.2 reported scores ranging from a few times slower to much slower (in the case of regular expression handling).
The real world web
One real world performance test Sencha created compares the rendering of sample ads created in both Flash and CSS3. Unlike the iPad and other iOS devices, which can only render the web standard CSS versions, Sencha reports that the Galaxy Tab can draw both.
"Sadly the performance of both Flash and CSS3 Ads are sub-par," Sencha said of the Tab's rendering. "Unlike the iPad, the Galaxy Tab does not use GPU acceleration for animation, so CSS3 Animations are quite choppy. Whats more surprising is the sub-par Flash experience. Flash font rendering is pixelated to the point of being unreadable. And when the page is scrolled, the Flash Ads jiggle up and down as the browser tries to re-position Flash content to catch up to the page movement."
A second test, created by Sencha Animator and focusing on advanced CSS3 animations, didn't render correctly on the Galaxy Tab. That was expected because the Modernizr test indicated its browser couldn't handle CSS3 transforms. However, the Tab also had problems loading WebFonts, another HTML5 feature it was expected to support.
Sencha skipped its SVG tests, given that Android doesn't include support at all, and proceeded to test real world applications using Canvas. One example worked, while another didn't. "No dynamic Canvas on the Galaxy," Sencha reported.
Next, in a test of embedded HTML5 web audio and videos, the Galaxy Tab again failed. "Neither [audio nor video] seems to work as embedded content, although it does seem that an HTML5 video will play via the native video player in full-screen view," Sencha wrote.
In a final "Sencha Touch Kitchen Sink" test, the firm observed that while most of of the interface components work on the Galaxy Tab, "the smoothness of both animations and scrolling isnt as accomplished as the iPad. GPU acceleration for CSS3 transforms is a significant area of catch-up for the Android team."
Oversized phone rather than a real tablet
Apple's chief executive Steve Jobs has openly criticized the current and coming crop of 7 inch tablets (which includes the Galaxy Tab) as not offering enough screen real estate to build real tablet interfaces. It appears Samsung agrees.
"One of the oddest aspects of the Galaxy Tab browser," Sencha reports, "is its CSS pixel to device pixel ratio. When queried in landscape mode, the Galaxy reports a screen.width of 683px and screen.height of 334px. Since the actual device resolution offers 1024×600, its giving us a 1.5× ratio of device to CSS pixels. This is a little bit of an odd choice since there shouldnt be any reason why it cant offer a 1:1 device-to-CSS-pixel ratio (or even just match the iPhone/Nexus One convention of a 320 pixel device.width which would give it a 1.875 ratio). This makes the Galaxy slightly bigger than a regular phone screen in CSS pixels, but not really big enough to handle what people want to put in a tablet screen."
The firm concluded, "the practical effect of this decision is that the Galaxy Tab is effectively an 'over-sized phone' for the purposes of web content. For example, an iPad-style side-navigation section just wont fit on the screen. We think its probably best to treat it as a phone with big pixels rather than a true tablet."
One problem with using Android 2.2 for tablets, Sencha explained, was that "when the Android browser gets ready to animate anything whether its a CSS animation or a plain old page scroll it shifts from high-quality to low-quality display mode. In low-quality mode, it turns off anti-aliasing (presumably on the theory that since things are moving, you wont notice the quality degradation.) This would be less noticeable on a smaller device. But on the 7″ Galaxy Tab, the resulting pixelation is striking, particularly since it switches to low-quality mode as soon as it detects a touch start event (but before anything moves)."
"Were still waiting for the first awesome Android tablet," the report observed.