代码之家 › 专栏 › 技术社区 › Iravanchi

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

profiling layout internet-explorer performance html

Iravanchi · 技术社区 · 15 年前

如果HTML足够复杂,则HTML内容的布局和呈现可能需要一些时间。我找不到一套关于如何编写HTML代码以帮助布局引擎(特别是在IE中)更快地刷新页面的最佳实践。是否存在这样一组最佳实践?

我目前的具体问题是,我的表格数据(在一个表元素中)导致页面绘制太慢,并且使得DOM更新(悬停效果)和动画非常迟缓。我敢肯定这不是JavaScript的性能。我使用DynatraceAjax检查了页面。当我将鼠标悬停在元素上时,CPU变得太忙,但没有运行JS。悬停是通过向tr元素添加/删除类来实现的。我也试过在火狐中使用yslow,它没有显示任何特定的问题。它也与网络无关。(火狐的页面布局更快,但并不是因为它的JS引擎更快)

在IE中是否有一个工具来绘制和布局外形,以便我能找出问题的来源?是什么导致绘图如此缓慢,以至于我可以在HTML代码中避免它们?

1 回复 | 直到 15 年前

Dennis G 15 年前

众所周知,Internet Explorer在呈现大型HTML表时速度较慢。

请参阅有关msdn的这篇好文章: Building High Performance HTML Pages 特别是关于表格的部分:

将表布局CSS属性设置为“固定在表上”。

为每列显式定义col对象。

设置每个列的宽度属性。

此外,ieblog上还有一篇关于表呈现的不错的博客文章: Table Rendering .

归根结底是:尽量使表中的内容不那么复杂,即设置固定的宽度,并且不进行太多的动态呈现操作。IE首先加载内容,然后必须计算内容的正确宽度==slow。

推荐文章

Sweepy Dodo · JSON lite的格式化

1 年前

Merlin Nestler · 为什么索引中的列顺序在这种情况下会产生如此大的影响?

1 年前

giantjenga · 优化整数向量到二进制向量的转换

1 年前

Adriaantje · Powershell版本的cut-d在处理大文件时速度很慢,我是否错过了快速的方法?

1 年前

Costinean Sebastian · 如何优化使用for循环处理大型数组的MATLAB脚本的执行时间?"

1 年前

Zegarek · Postgresql递归查询未提供预期结果

1 年前

Joe · 为什么这两个查询之间的性能存在如此大的差异?

1 年前

tic-toc-choc · 在`dplyr中高效使用列表进行过滤`

1 年前

Mohan · 是否有一种更快的方法来编写代码,从1:N中提取许多随机样本?

1 年前

user2980746 · 在C#字典中键入xyz对的最有效方法是什么?

1 年前