Sencha の「HTML5 Developer Scorecard」では、RIM のモバイル BlackBerry ブラウザ、Apple の iOS Safari、および Google のモバイル ブラウザについて、昨秋の Galaxy Tab の Android 2.2 と、Motorola Xoom (および今夏後半に予定されている Galaxy Tab と Acer Iconia Tab 製品) に搭載される新しいタブレットに最適化された Android 3.0 の両方についてプロファイルしています。
これらのモバイルブラウザはすべてWebKitをベースにしていますが、Web標準のサポートはそれぞれ異なります。WebKitはDOMとCSSを処理するためのレンダリングエンジンを提供しますが、WebKitをベースにしたブラウザはそれぞれ、キャッシュ、画面描画、位置情報サービス、メモリ管理、タブ、ジェスチャー、印刷といったユーザビリティ機能といった独自の実装を提供しています。
さらに、WebKit自体も急速に進化しています。Senchaによると、AppleのiOS 4.3では、WebKitバージョン533.17.9をベースにしたSafariの新しい実装が導入されました。これは「非常に最新のビルド」であり、AppleのNitro JavaScriptエンジンが組み込まれているとSenchaは述べています。Mac OS X向けの最新のSafari 5.0.4アップデートでは、WebKitバージョン533.20.27が使用されています。Android 3.0では、WebKitバージョン534.13が使用されています。
対照的に、Sencha氏は「Androidに関するこれまでの経験は、Galaxy TabとXoom（Android 3.0 Honeycomb搭載）のブラウザの出来が期待外れだったことから始まり、精彩を欠いている」と述べている。Androidライセンシー各社は、Googleの標準ブラウザを置き換えたり強化したりすることは滅多にないため、Sencha氏がMotorola Xoomで得た知見は、Acer、Samsung、Toshibaの新モデルを含む他のHoneycombタブレットのウェブパフォーマンスにも当てはまるだろう。
酸3
最新のAndroidブラウザとiOSブラウザは、Acid3テストでどちらも100/100のスコアを獲得しましたが、レンダリングに問題が見られました。Appleのブラウザでは、「テスト結果の右上と右下に薄い赤い四角がいくつか表示されました」とSenchaは報告しています。「iPad 2のAcid3テスト結果は間違いなく良好ですが、完全なコンプライアンスを達成できればもっと良かったでしょう。」
Xoomに搭載されているGoogleのAndroid 3.0ブラウザには、「2つの顕著なレンダリングバグがあります。1つ目は、『Acid3』の文字の色が正しくなく、ドロップシャドウがありません。2つ目は、右上に小さな赤いボックスが表示されていますが、これは明らかにレンダリングバグです。Xoomは数値スコアは満点ですが、Acid3では依然として不合格です」と同サイトは指摘している。
モダニザー
同社は次に、各プラットフォームがサポートできる最新のブラウザ機能をレポートするModernizrの調査結果に言及した。「以前のスコアカードでも判明したように、ブラウザに何かがあると言っても、それが必ずしも動作するとは限りません」と同社は述べている。
Senchaは、「iPad 2ではほぼすべての主要なブラウザ機能がサポートされています」と述べています。「ModernizrはSVG、CSS 2Dトランスフォーム、CSS 3Dトランスフォーム、CSSトランジション、WebGL、Webソケットのサポートを確認しました。興味深いことに、ModernizrはインラインSVGがないと報告しましたが、いくつかのデモサイトで実際に動作を確認できました。また、ブラウザがWebGLをサポートしていると報告されましたが、これは動作しませんでした。」
SenchaはAndroid 3.0について、「Galaxy Tab（Android 2.2搭載）ではサポートされていなかった多くの機能がサポートされるようになりました。ModernizrはSVG、インラインSVG、CSS3 3D変換など、HTML5の機能をほぼ完全に検出します。WebGLサポート、Webソケット、Webワーカーなど、まだ欠けている機能もあります」と報告しています。しかし、同社はパフォーマンステストで詳細に述べているように、「何かが存在するからといって、それが動作するとは限らない」とも改めて述べています。
パフォーマンス
iPad 2 と Xoom の高速な新プロセッサは SunSpider JavaScript ベンチマークで大きな進歩をもたらし、両新デバイスは互角に渡り合って最速のスコアを達成し、昨年の iPad と Galaxy Tab を大きく上回りました。
Senchaは実際のテストにおいて、「iPadのMobile Safariブラウザは、これまで見てきたどのモバイルブラウザよりもCSS3サポートが優れていることは間違いない」と述べ、複雑なアニメーションとウェブ広告の両方において「iPad 2はCSS3を完璧にサポートしている」と付け加えました。また、同社のテストでは「iPad 2のCanvasサポートは最高レベル」と評価され、埋め込みHTML5オーディオとビデオについても「iPad 2はここでも非常に優れている。オーディオは素早く再生され、一時停止と再開も可能。ビデオも素早く表示され、ブラウザページで問題なくストリーミングされる。iPad 2のメディアサポートは堅牢だ」としています。
対照的に、Android 3.0 Xoom Sencha は「CSS3 アニメーションはほぼ完全に壊れています。最も基本的なアニメーションでさえ、ブラウザがフレームをスキップしたり、要素を誤ってレンダリングしたり、アニメーションを最後まで実行しなかったりすることがよくありました。アニメーションが単に遅いだけならまだしも、Xoom の CSS3 アニメーションサポートには基本的な正確性に関する問題があります」と報告しています。
より複雑なアニメーションタスクにおいて、Android 3.0 は「Galaxy Tab（Android 2.2 搭載）と比べて改善が見られ、アニメーションは実際にレンダリングされます。しかしその一方で、やはりレンダリングが不正確です。テキストが表示されない、アートワークの一部が適切に切り取られない、フォントが適切にレンダリングされない、アニメーションのフレームが欠落するといった問題が見られました。一部の 3D 効果については、ブラウザが 3D 効果をドロップするか、レンダリングを試みて失敗するといった問題もあります。最も基本的な CSS トランジションとアニメーション以外では、Xoom は基準を満たしていません。」
AppleがiPadを出荷してから1年が経ったが、Senchaは「GoogleとMotorolaが、正確で高性能なCSS3実装を備えたモバイルブラウザをまだ構築していないことに、いまだに非常に驚いている」と述べている。
Senchaは、Android 3.0の他の改善点についても言及しました。その中には、初代Galaxy TabのAndroid 2.2にはなかったSVGのサポートも含まれています。Canvasのテストでは、「フレームレートは高くないものの、実際には動作します。したがって、一般的に言えば、Canvasのサポートは紳士淑女のC評価です」との結果が出ました。埋め込みHTML5オーディオとビデオのテストでは、「HTML5オーディオは動作しましたが、ページを離れた後やブラウザを閉じた後でもオーディオが再生されることが時々ありました。HTML5ビデオは全く動作しませんでした」と述べています。
ウェブブラウザの総合的な機能
SenchaはAndroid 3.0について次のように述べています。「タブレット向けの真のAndroidオペレーティングシステムの登場に興奮し、プラットフォームに匹敵する強力なモバイルブラウザに大きな期待を寄せていました。しかし残念ながら、XoomとHoneycombは期待外れでした。CSS3アニメーションやCSS3トランジションなどにおいて、一貫して再現可能な問題が見つかりました。ブラウザがハングしたりクラッシュしたりする問題が発生しました。通常のスクロールが遅かったり、フルフレームレートを下回ったりしました。メディア再生が失敗したり、正しく動作しなかったりする問題もありました。まるで試作機を使っているかのような感覚になることもありましたが、テスト端末はVerizon Wirelessの店舗で購入したものです。」
レポートにはさらに、「GoogleとMotorolaがブラウザを製品版品質にアップデートするパッチをリリースするまで、Motorola Xoomで良い結果は期待できない。Galaxy Tabのレビューでも述べたように、今回も繰り返しますが、私たちはまだ最初の素晴らしいAndroidタブレットを待っているところです」と記されている。
SenchaはiPad 2について、「テストではブラウザにあらゆる機能を試しましたが、最先端のHTML5およびCSS3サイトにも問題なく対応できました。モバイルWebを開発する開発者にとって、iPad 2は最新のブラウザ機能を利用できる優れたプラットフォームです」と報告しています。また、このレポートでは、iOSのSafariと、フルスクリーンで実行されるWebアプリやアプリ内で実行される組み込みのUIWebViewブラウザの違いについても言及しています。これらのブラウザには、Nitro JavaScriptアクセラレーションなどのパフォーマンス関連機能が欠けています。
同社は最後に、「Appleのデバイスはモバイルブラウザの革新の最前線をリードしており、HTML5アプリ開発者にとってこれは素晴らしいニュースです。Appleが新機能を追加するペースだけでなく、その実装の質にも期待しています」と報告しました。
