7

現在、主に Chrome 24.01312.57 と IE10 に焦点を当てた Web アプリケーションを開発しています。以前のブラウザでは、大量のラグが発生しています。ただし、後者は遅延がほとんどまたはまったく発生しません。これは、誰もが主張することとは正反対です.

違いを示すために、iPhone を使用してネットブックの画面を記録しながら、Google 自身が作成した Chrome Webstore を下にスクロールしています。

試験装置

  1. 2 年前のゲートウェイ ネットブック - シングル コア Intel Atom - 1GB RAM - Win7
  2. iPhoneカメラ（それほど優れた録音ソリューションではありませんが、違いを見つけるのは非常に簡単です）
  3. Web サイト: https://chrome.google.com/webstore/category/home (AJAX で読み込まれたコンテンツがレンダリングを遅くすることを心配する人のためにテストを開始する前に、両方のブラウザーでかなり下にスクロールしました)

結果

  1. Google Chrome 24 (拡張機能なし) でウェブストアを下にスクロール: http://www.youtube.com/watch?v=njkRqiNJPIY
  2. 同じページの Internet Explorer (アドオンなし) 10: http://www.youtube.com/watch?v=B_E_9OzPers

注: マウス カーソルとスクロール サムを見てください。IE10 では、マウスは常にサム上にありますが、Chrome ではマウスの動きと実際のレンダリングの間の遅延が大きいことを示しています。

結論:

結論を出す前に、ウェブサイトがより複雑になったり、仕様が低くなったりするにつれて、Google Chrome でのこれらの遅延がますます拡大していることを認識しておいてください. ただし、IE10 は、これらの条件でも FPS をかなり高くしています。また、Chrome タイムラインの分析も行いました。では、レンダリングがフレームあたり最大 900 ミリ秒 (Google Web ストアで) かかるポイントまでズームアウトすると、FPS が低下することが明らかになりますが、IE10 はまだ流動的に滑らかです (さらに良いことに、Atom ネットブックでその滑らかさを保持します)。

  1. Web 開発者として、Chrome でページのレンダリングが遅れる原因となっている CSS プロパティはありますか?
  2. Internet Explorer のレンダリングが非常に速いのはなぜですか?
  3. Chrome を IE10 と同じくらい速くレンダリングするには、どのような手順を踏めばよいでしょうか?

PS: バグ レポート: http://code.google.com/p/chromium/issues/detail?id=163092ただし、現在これに関する最近の開発はありません。

4

3 に答える 3

2

同様の問題を修正しました。

どうやら Chrome はスタイルの再計算についてあまり賢くないようで、それがひどく遅いので、何も再計算しないようにすることに重点を置きました。

scroll イベントがトリガーされるたびに「scrolled」クラスを追加しましたが、既にそこにある場合、Chrome はとにかく新しいスタイルを再計算し続けました。私がそれを次のように変更したとき：

if (!body.hasClass('scrolled')) { body.addClass('scrolled'); }

Chrome が突然大幅に高速化されました (まだ IE や FF はありませんが、以前よりははるかに優れています)。

于 2013-08-16T02:11:41.313 に答える
-2

ネットブックのビデオカードです！画面上を移動するほぼすべての場所で同様の効果が発生します。ネットブックを持っています...

あなたがテストしているウェブは、少し前までChromeブラウザをクラッシュさせました...

于 2013-02-08T00:08:55.850 に答える