2013-02-07 42 views
7

現在、主にChrome 24.01312.57とIE10に焦点を当てたWebアプリケーションを開発中です。以前のブラウザでは、多量の遅延が発生しています。しかし、後者はラグをほとんどまたは全く経験しません。これは誰もが主張するものとはかなり反対です。Chrome 24対IE10スクロール恐ろしいラグ

違いを表示するには、iPhoneを使用してネットブックの画面を録画していて、Google独自のChromeウェブストアをスクロールダウンしています。

試験装置

  1. 2歳のゲートウェイのNetbook - シングルコアIntelのAtom - 1GBのRAM - win7の
  2. iPhoneのカメラ(ないその偉大記録溶液は、違いを見つけることは非常に簡単です。 )
  3. ウェブサイト:https://chrome.google.com/webstore/category/home(レンダリングが遅くAJAXロードされたコンテンツの心配それらのためのテストを開始する前に、私は、ブラウザの両方にかなりスクロールダウン)

注:同じページに http://www.youtube.com/watch?v=njkRqiNJPIY

  • のInternet Explorer(ノーアドオン)10:Webストアをスクロールダウンの

    結果

    1. Google Chromeの24(ノー拡張子) :マウスカーソルとスクロールサムを見てください - IE10では、マウスは常に親指の上にありますが、Chromeはマウスの移動と移動の間の待ち時間が長いことを示しています実際のレンダリングを行うことができます。

      ボトムライン:

      私は結論する前に、ウェブサイトはより複雑になり、および/またはスペックは下に行くとGoogle Chromeの上でこれらのラグは、ますます拡大していることを実現します。しかし、IE10は、これらの条件でもFPSをかなり高くしています。私はChromeのタイムラインを分析しました。 Inは、IE10がまだ滑らかで滑らかである(そして良いことに、それは原子ネットブックで滑らかさを保ちます)一方、レンダリングがフレームあたり約900msになるまで縮小するとFPSが低下することを明らかにします。

      1. ウェブ開発者として、Chromeにページをラグ付きでレンダリングさせるCSSプロパティがありますか?
      2. なぜInternet Explorerがすばやくレンダリングされるのですか?
      3. ChromeをIE10ほど速くレンダリングするためのいくつかの手順はありますか?

      PS:Bug Report:http://code.google.com/p/chromium/issues/detail?id=163092しかし、現在のところこれに関する最近の開発はありません。

  • +0

    を経験し、それは重い獣だと非常に記憶が空いている。あなたは、そのAtomでLinuxを実行しようとしましたか?あなたは、少なくともOS上で物事を動かしたり読み込んだりすることで、パフォーマンスを向上させることができます。 Win7 + Chromeはわずか1GBのRAMでそれを殺しています。 – elclanrs

    +0

    私は非常に強力なコンピュータを持っていますが、IE10は240Hzのテレビで映画を見たのと同じですが、それはまだ遅れているようです。このテストは、ボーダー半径とボックスシャドウを大量に使用して、それぞれのパフォーマンスをテストするために作成されたカスタム/ベンチングWebサイトで完了しました。 :P – bluejamesbond

    +0

    私の最初の推測は、気まぐれな '-webkit'プロパティのうちの1つ(あるいはそれ以上)がChromeの速度を落としていて、IE10はそれを無視しているだけです。 –

    答えて

    11

    更新:Chromeのパフォーマンスの問題が長く解決されています。

    クロムは、特に2560x1440以上のような高解像度では、絵に苦しんでいます。 Chromeウェブストア、Facebookなどの多くのウェブサイトでは、スクロールの遅延が顕著です。 IE10は、これらのサイトをスクロールしながら、モニタに120 fpsを維持します。

    +0

    そのカテゴリの第二の人として私を数えてください。 – pilau

    +0

    あなたに同意しない人は誰も「猛烈なファンボイ」ですか? IEは常に最悪のブラウザの一つです。それが私と(そして他の多くの人たちが)使用を止めた理由です。ほぼすべての対策でFirefox/Chromeよりも遅く、HTML5の準拠は悲惨です。しばらくの間、私はFirefoxと一緒に行きました。なぜなら、IEよりもはるかに優れていたからです。最終的には、Web開発のための優れたネイティブツールのためにChromeに切り替えました。それは "ファンボーイ"ではない。それは仕事に最適なツールを選ぶことです。 – xtempore

    +0

    @xtempore IE10以降と、純粋なパフォーマンスの観点から、IEのバタフライスムーズスクロールの近くにリモートからさえ遠ざかっているものはありません。リフレッシュレートの高いモニターを使用している場合は、フル60,120、または144 fpsでスクロールします。 Surface ProのIE11のタッチスクリーンレスポンスは、iPadでも比類ないものです。他のブラウザは、スタッターやラグ。無知なエンドユーザとして私は標準への準拠は気にしません。開発者は、市場シェアが90%以上のOSでウェブサイトを動作させます。スクロールのスムーズさは、ユーザーにとって重要な要素です。 – Monstieur

    -2

    Netbookのビデオカードです!あなたは、あなたの画面上を動くほぼ永遠に同じような効果を経験します。 私はネットブックを持っています...

    あなたがテストしているウェブは、まもなくまでクラッシュしたChromeブラウザです...

    +2

    この「ビデオカード」はどうやってIE10を遅らせませんか? – Sebas

    2

    私はちょうど同様の問題を抱えて修正しました。

    明らかに、Chromeはスタイルの再計算についてスマートではないだけでなく、それはひどく遅いので、何かを再計算しないようにすることに集中しました。

    スクロールイベントが発生するたびに「スクロール」クラスを追加しましたが、既にスクロールしていた場合は、新しいスタイルを再計算していました。私はそれを修正するときのようになり:

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

    はクロームが突然(まだIEやFFが、以前よりもはるかに良い)重要なスピードアップクローム程度のものの一つだ

    関連する問題