网页渲染时最耗时的是什么

现在Ajax的页面越来越多,DavidYin所制作的网站也大量的使用了jQuery库,当页面越来越复杂,相对而言,网页载入的时间也会增加,那么最耗时的是什么呢?

通常页面活动中,各个部分可以分成,布局,渲染,HTML,Marshaling,DOM,JScript等。
其中影响最大的不是我们以为的JScript,而是DOM。特别是复杂的页面,比如sina出现一个页面有3000多个DOM,页面就会很慢。

在数十个到几百个,我都认为是可以接受的。
但到达四位数,我就认为网页有优化的余地,精简代码,优化代码,以减少DOM对象。

很多时候,设计师为了布局或者CSS定位,而嵌套很多div,或者设置空内容的div,而造成html代码冗余,而有效内容占代码总量的比例过低,这也带来了另外一个问题,网页信噪比的问题,这里就不展开了。

总而言之,过多的DOM对象,只会拖慢网页展示的速度,带来排名的问题。尽可能的减少DOM对象,是一举两得的优化策略。

如果你有使用Firebug,可以在控制板中输入命令:
document.getElementsByTagName('*').length

就可以看到当前页面的DOM数目。

Hosting in Chinese


作者: David Yin
原载: SEO 网站优化推广
版权所有。转载时必须以链接形式注明作者和及本声明。
请订阅Feed来获得最新文章,从下面选择你喜欢的阅读器来订阅全文输出的SEO 网站优化推广。
blog comments powered by Disqus

关于

David Yin
研究(SEO)搜索引擎优化排名和(PPC)竞价排名技术,总结搜索营销学的各种方法和趋势。
David Yin
Email:seo[AT]g2soft.net

Archives

Powered by Movable Type 5.12

关于本文

本文由 David Yin 发表于 February 21, 2010 10:29 PM

上一篇是Movable Type 更新4.34

下一篇是是时候把个人拥有的网站域名全部搬到国外了

首页查看最新内容,或者到归档页面查看所有内容。

订阅SEO 网站优化推广