2011-12-20 12 views
0

私は奇妙なGoogle Chromeの問題を突き詰めました。 jQueryのslideToggleを使って、サムネイルの一覧を表示したり隠したりするためのギャラリー用の簡単なスクリプトを作っています。 IEとFirefoxの最新バージョンではうまくいきますが、Google Chromeではスライドアニメーションが本当に目立つ遅れで動作しています。誰も私に教えてください、これは一般的なChromeの問題ですか?それに対する回避策はありますか?Google Chromeの速度の問題

私は上slideToggleを使用しているdivがある:

<div class="ivg_items_wrap"> 
<div class="ivg_items"> 
    <div><img src="/ivg_images/001_ivg.jpg" alt="" title=""></div> 
    ..... 
    <div><img src="/ivg_images/nnn_ivg.jpg" alt="" title=""></div> 
</div> 
</div> 

はdiv要素の合計32枚の画像があります。すべての画像は7kbの大きさで100x100ピクセルのサイズです。

ありがとうございます!

+0

デモを表示することはできますか? –

+0

また、32枚の画像が少し過剰です!あなたは本当にそれがたくさん必要ですか? –

+0

いいえ、私はできません、私はおそらくこれは共通の問題だと思った。 – opportunato

答えて

2

Chrome DevToolsプロファイラを試す:Ctrl-Shift-I、上部の「プロファイル」パネルを選択し、ステータスバーの「記録」ボタンを押し、遅れのあるアニメーションを実行する。その後、プロファイラを停止して(輝く録音ボタンをもう一度押して)、プロファイルを調べます。最も時間のかかる行が「(プログラム)」の場合、問題はChrome内部に関連しています。それ以外の場合は、JavaScriptのコードが遅いです(ハードウェアは十分強力ですか?)

+0

プログラムは99.6%の時間を費やしています。これはハードウェアに関するものではない - 私が言ったように、IEとFirefoxではすべてがスムーズに動いている。 – opportunato

+0

あなたは正しいです、プロフィールを与えられて、これはブラウザのコードが遅いです。 http://new.crbug.comを使用してバグを報告してください(ただし、提出する前に同様のバグを探してください)。 –

+0

最後に、遅延の原因が見つかりました。明らかに、コンテナのボックスシャドウスタイルを設定していました。 – opportunato

関連する問題