如何编写 HTML 以在 IE 中快速呈现

Question

如果 HTML 足够复杂，则 HTML 内容的布局和呈现可能需要一些时间。我找不到一套关于如何编码 HTML 以帮助布局引擎（特别是在 IE 中）的最佳实践，以便更快地重绘页面。是否存在这样一套最佳实践？

我当前的具体问题是我的表格数据（在表格元素中）导致页面绘制速度太慢，并使 DOM 更新（悬停效果）和动画非常缓慢。我确定这不是 JavaScript 性能。我已经使用 dynaTrace AJAX 检查了该页面。当我将鼠标悬停在元素上时 CPU 变得太忙了，但是没有 JS 运行。并且悬停是通过向TR元素添加/删除一个类来实现的。我也在 Firefox 中尝试过 YSlow，它没有显示任何特定问题。它也与网络无关。 （Firefox 布局页面更快，但不是因为它的 JS 引擎更快）

是否有工具可以在 IE 中分析绘图和布局，以便找出问题所在？是什么导致绘图如此缓慢，以便我可以在 HTML 代码中避免它们？

Answer 1

众所周知，Internet Explorer 渲染大型 HTML 表格的速度很慢。

请参阅 MSDN 上的这篇精彩文章：Building High Performance HTML Pages，特别是有关表的部分：

• 将 table-layout CSS 属性设置为固定在桌子上。
• 为每一列显式定义 col 对象。
• 在每个列上设置 WIDTH 属性。

然后在ieblog上也有一篇关于表格渲染的不错的博文：Table Rendering。

归结为：尝试使表格中的内容不那么复杂，即设置固定宽度并且不要进行太多动态渲染操作。 IE 首先加载内容，然后必须为内容计算正确的宽度 == 慢。