IE9でスピードアップした角を

Question

私は比較的多くのコンテンツを持つページにdiv2個あり、border-radius（ベンダー固有のプレフィックスバージョンを含む）CSSプロパティが適用されています。 FirefoxとChromeの両方で問題なく処理できますが、IE 9では非常に遅いです。それを無効にするだけで、ページを少なくとも5倍高速化することができます。

IE 9でスピードアップする方法はありますか？私が気づいている間に、私はおそらくバックグラウンドイメージと追加のマークアップを使って古いスタイルをシミュレートすることができますが、あまり目立たないソリューションを探しています。

Answer 1

@Parzifalは既に言及したように、border-radiusなしでIEで丸いコーナーを作成するためのよく知られた回避策があります。それらは特定のクラスにいくつかのjavascriptコード（ビヘイビアまたは式を介して）を添付することに基づいています。このコードは、追加のDOM要素を追加するかVMLマークアップを追加するかに関係なく使用します。

このアプローチは、画像を使用せずに、丸い角を動的に作成する実際の方法が実際にはないという点で推奨されています。このアプローチは徹底的なテストを必要としますが、少なくともさらに苦痛を伴うサポートと開発を行います。

どのように正確にプロファイリングしているのかわかりませんし、どのステージがボトルネックであるのでしょうか。私はコーナーを丸くして、スクロールも遅くして、何をアドバイスするのか分からない。

ページの読み込みについてのみ問題がある場合は、通常どおりにすべてを読み込むことができますが、丸い角はまったく使用できません。次に、javascriptでは、DOMContentLoadedを聞き取り、角が丸い既存のCSSルールを指定することができます。

言って、あなたは丸い角を持つ定義済みのクラスを持っている、コードは次のようになります。

$('.there-should-be-rounded-corners').addClass('and-here-come-rounded-corners'); 

、もう一度質問を調査します。確かに100％は助けになるだろうが、少なくとも試してみる価値はある。