iPad上のウェブアプリ3網膜が遅いスクリーンペインティングを表示する

Question

私はiPod touchとiPad用のwebappを持っています。 iPad 1とiPad 2の魅力のように動作するようになりました。今では、新しいiPad（iPad 3、iPad HDの名前を使用）でテストしました。画面のペイントが遅いことがわかります。私はブロックの種類が一つずつ描かれているのを見ることができます。

iPadの1と2よりも遅くなく、画面のペイントを速くする方法を知っている人は誰でも知っていますか？

EDIT：Bounty expiry 賞金は、賞金を授与するには不十分ですが、少なくともいくつかの回答があります。質問はまだ開いています。

Answer 1

新しいiPad（iPad 3）をiOS 6で更新しましたが、レンダリングの問題がこれ以上表示されません。私はいくつかの記事で、Safariの速度が大幅に向上していることを見てきました。 iOS 6のこのパフォーマンス向上は、私のweb-appの問題を解決しています。

私たちが使用しているiPadはweb-app専用ですので、iPad 3はiOS6でのみお勧めします。

投稿と回答ありがとうございます！

Answer 2

我々は我々のアプリケーションで同様の問題があった、とここでは、いくつかの最適化を試みたが二つの最も効果的なアプローチです：

1. はCSS3のエフェクトを使用しないでください。以前のバージョンではたくさんのCSS3シャドウを使用していたため、iPad 3でのレンダリング処理が大幅に遅くなりました。これらのシャドウ効果を背景画像に置き換えた後、iPad 3ではパフォーマンスが大幅に向上しました。

2. Javascriptを最適化します。私たちのアプリケーションにはスクロール可能なコンポーネントがいくつかあります。ユーザーがコンポーネントをスクロールするたびに、レイジーな方法で画像をロードするなど、いくつかの読み込み作業を行うためにJavaScriptコードが実行されます。 iPad 3では、ユーザーがあるページから次のページにスクロールしようとすると、スクロールが500ms遅れます。次に、スクロールコールバックで不要なイメージの読み込み作業が実行されたことが判明しました。スクロール後のスクロールのパフォーマンスは問題ありません。

これらの2つのアプローチは、私たちのアプリケーションに非常に特有のものです。彼らもあなたを助けることを願っています。

Answer 3

メタでビューポートをチェックしましたか？

私はどんなパフォーマンスのオーバーヘッドを感じませんでした

<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″> 

を使用しています。ウェブアプリケーションのいくつかの部分が、ウェブビューの弱点にぶつかったのかもしれません。

ウェブアプリケーションがスムーズになるまで、コメントを開始することができます。