如何加速 IE6 页面/表格渲染？答案

【问题标题】：How to speedup IE6 page/table rendering?如何加速 IE6 页面/表格渲染？
【发布时间】：2023-03-05 05:57:01
【问题描述】：

编辑：感谢@Grumpy，我的问题得到了解决——不过，如果您对 IE6 有一般性建议，请随时回答。

我有一个客户还在用IE6（我试着让他们升级，但是因为用户基数大所以慢慢升级）。

在一页上有一个包含价格的表格（11 列，每个条目 24 行）。每个单元格中都有一个输入或选择元素。当只显示一个条目时，此表的渲染速度非常快，但一旦有更多条目，则需要更长的时间（例如，6 个条目需要 >30 秒）。

我知道它的表格，因为上面的所有元素都是直接可见的。我尝试通过为表格和每个单元格提供固定大小并设置table-layout:fixed 样式来优化表格。我还尝试为每个条目提供自己的表格，但似乎都没有帮助。

感谢任何提示、链接或任何想法如何提高页面速度。如果您需要更多信息，请在 cmets 中询问。

【问题讨论】：

用chrome调试页面，看看表是不是问题（可能是数据传递慢）
在不错的浏览器中渲染速度有多快？
按照@Grumpy 的想法，我安装了 Chromium 并使用了开发人员工具。当我出来时，表格后面有一个脚本，它似乎遍历页面上的每个元素以安装一些工具提示内容。由于该表，它检查的元素更多，因此加载时间更长。
@Rimian 1-5 秒在我的本地 Firefox 中
@ZeissS 迭代每个元素是个坏主意。是否可以为应该有工具提示的元素添加唯一的 ID，然后通过 ID 专门选择它们？

【解决方案1】：

您最好避免的事情之一是嵌套。

如果您的表格是在多个 div、表格等层中定义的，那么 IE6 渲染引擎可能会相当慢。我会尝试将您的表格单独放在一个页面上，看看渲染时间是否会大大减少。

【讨论】：

【解决方案2】：

我会回答我自己的问题，因为问题不在表格中，而是在它之后的一个脚本，它在渲染时扫描了整个表格。表越大，扫描的次数就越多。

替换脚本解决了问题。

【讨论】：