改进html渲染顺序,在CSS样式表中影响渲染速度，规则的顺序？_html_开发99编程知识库...

在一些测试与阅读我以下结论是不，无关紧要 即使一些'extreme'测试，我找不到任何支持这种想法的顺序很重要。

没有任何'flashedof unstyled内容'或自己喜欢，只是需要花更长的时间来加载该页( 路方式再:D )

测试我跑我创建了一个测试页面和60 .000 div元素，每个象元具有唯一ID属性。 每一个ID是具有自己的css规则应用到主机。 下面那个我有一个span元素含有一个CLASS属性，当时还就css规则链接到它。

这些测试创建的html文件和相应的css文件2MB 6MB 。

起初我尝试这些测试从1 .000 .000 div和css规则，但Firefox不欣赏和哭了，省得向我苦苦求饶。

我生成这些元素及其css使用以下简单的php代码段。<?PHP

for ($i = 0; $i < 60000; $i++) {

echo "

#test$i {

position: absolute;

width: 1px;

height: 1px;

top: " . $i . "px;

left: 0;

background: #000;

}

";

}

?>

和<?PHP

for ($i = 0; $i < 60000; $i++) {

echo "

";

}

?>

其结果是放入html和css文件之后检查结果。

告诉你吧，我的浏览器( firefox 5 ) 并不乐于见到我在玩这个东西，真的有一些问题生成输出，偶尔这个程序没有响应消息不是不敢拿的脸。

这些测试会运行在localhost上，由一段简单XAMPP外部服务器的安装，则有可能导致不同的结果集，但是我当前无法检测一下。

我测试了几个。上述中心：放置元素之前生成的所有的div，中间和结尾

放置范围是css定义，那么在中间或末尾的css文件。

哦，可能我建议： http://www .youtube .com/watchv=a2_6bGNZ7bA 拍它不完全覆盖这个问题，它可提供一些有趣的详细信息有关Firefox ( 也可能是其他浏览器) 处理的东西我们所有挑战。？