IEでの高速レンダリングのためのHTMLコーディング方法

Question

HTMLが十分複雑な場合、HTMLコンテンツのレイアウトとレンダリングには時間がかかることがあります。レイアウトエンジン（特にIE）の助けとなるように、HTMLをコード化するためのベストプラクティスを見つけられず、ページの再描画が高速になりました。このような一連のベストプラクティスは存在しますか？

私の現在の具体的な問題は、ページの描画が遅すぎ、DOMの更新（ホバー効果）やアニメーションが非常に遅くなる（表要素内の）表データです。私はそれがJavaScriptのパフォーマンスではないと確信しています。私はdynaTrace AJAXを使ってページをチェックしました。マウスを要素の上に置くとCPUが忙しくなりますが、JSは実行されません。また、TR要素にクラスを追加/削除することで、ホバーを実現しています。私はFirefoxでもYSlowを試しましたが、特に問題はありません。ネットワーク関連でもありません。 （Firefoxは速くページをレイアウトしますが、JSエンジンが高速であるためではありません）

IEで図面とレイアウトをプロファイルするツールがありますので、問題の原因がわかりますか？そして、私はHTMLコードでそれらを避けることができるように、描画がとても遅くなる原因は何ですか？

Answer 1

Internet Explorerは、大きなHTMLテーブルを表示すると速度が遅くなることが知られています。 Building High Performance HTML Pages、具体的に表についてのセクションに：テーブルの上に固定するテーブルレイアウトCSS属性を設定

• は、MSDNのこの素晴らしい記事を参照してください。

• 各列にcolオブジェクトを明示的に定義します。
• 各列にWIDTH属性を設定します。 Table Rendering：

はその後も、テーブルのレンダリングについてieblog上の素敵なブログの記事があります。

これは次のとおりです。テーブル内のコンテンツの複雑さを低くする、つまり固定幅を設定し、あまりにも多くの動的レンダリングアクションを実行しないようにしてください。 IEは最初にコンテンツを読み込んだ後、コンテンツの正しい幅を計算する必要があります。