モバイルデバイス（例：iPhone）上のHTML5ウェブアプリの遅延の原因は何ですか？

Question

私は、特にモバイルデバイスのためのiPhoneのWebアプリケーションの開発を探していますが、この議論は、一般的には、モバイルデバイスに開かれています。私はデスクトップブラウザとiPhoneブラウザの両方でHTML5ウェブサイトを試していました。

例：www.creativepony.com 正しく理解すれば、草のアニメーションはHTML5のキャンバスタグを使用し、次にJavaScriptを使用してアニメーションを作成しました。私のデスクトップブラウザでは、それは非常にスムーズに見えます。しかし、私のiPhone 4ブラウザ（iOS 4.1）のウェブサイトにアクセスすると、草アニメーションが遅くなります。

私は、3Gと無線LANでテスト。彼らはどちらも遅れますが、3Gはやや悪いです。

私はアニメーション豊かなHTML5 + JSのWebアプリを開発することであったならば私の質問は、遅れの原因何でしょうか？それはiPhoneのCPU自体ですか？それともモバイルブラウザですか？ iPhoneでのインターネット接続の速度が遅いのはなぜですか？または、他の何か？

それはiPhone 4 CPUのように思えるので、私は求めていますが、いくつかの非常に印象的なゲームを実行するのに十分強力です。どのようにしてHTML5 + JSアニメーションを表示できないのですか？インターネット接続が遅い場合、HTML5のオフラインキャッシュ機能は、特に私が自分のWebアプリケーションをオフラインで使用できるようにするために役立ちます。それとも、iPhoneのSafariブラウザですか？または全く別のもの。

もう一度おねがいします！私はよく分からないが、言ったように

Answer 1

モバイルサファリを見てみることができます。最も単純な変換や不透明度への変更でさえ、非常に鈍いことがあります。

ただし、CSS -webkit-transitionと-webkit-animationのルールは、GPUによって強化されているため、効果があります。結果はネイティブのiOSアニメーションと同じように滑らかに表示されます。私は多くの幸運のiOSでスムーズに実行されているJavaScriptの重いアプリケーション/ゲームを取得していたことがありません

Answer 2

私はよく分からないが、私はjavascriptのはGPUを使用していないと思うので、あなたのiPhone上でゲームが原因でGPUの円滑な実行することができますが、JavaScriptのアニメーションはとにかく...できませんあなたは、単に原因それはCPUを搭載しますという事実のために、実行中のJavascriptのアニメーションでは非常に良いではありません。このhttp://ajaxian.com/archives/javascript-running-on-the-gpu

よろしく