div+css和table的加载速度对SEO的影响

in seo

记得我之前在div+css布局比table布局的优势一文中, 谈到了从SEO角度来讲,蜘蛛对于div+css布局的站,抓取的效率要高于table布局的站。当时是在一个非SEO群里讨论了这个问题,因为有些时候也是秀才遇到兵。

无意之中又看到惰惰在博客中提到了此问题,其中提到了tale布局的页面打开原理:

一般table布局的页面是大表格套中表格,中表格嵌套小表格,小表格再套小小表格。一般第一个表格(最外边的)要读取完才能显示出来,读取大表格的同时又要读取大表格中的小表格,大大加长了网页打开速度。

于是想再深入弄清下这个问题,看了一些文章才发现,原来点石早在2006年就提到了这个问题,点石通过实验得出结论是,蜘蛛在抓取table时,对于多层的table嵌套时甚至会跳过甚至会跳出页面。(ps:06年我还没有进入SEO界,后来也没有通读点石的文章,点石原文: 基于xhtml标准的div+css对SEO的影响),

而一些大牛级SEOer,如星箭 – 杨兴建在blog中也有类似文章,原文div+css与SEO

负责阿里巴巴国际站SEO的张国平也提到了要精减代码,将web标准进行得更彻底一点

另外,较具有说明力的,david yin的博客,网页渲染最耗时的是什么一文中提到了:网页渲染最耗时的其实是DOM。原文如下:

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

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

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

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

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

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

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

作者: David Yin
原载: SEO 网站优化推广
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。

总结:

1. table的加载是从外面的table慢慢加载里内table的,在结构过于复杂的时候,跳出表格甚至会跳过表格,甚至跳出页面。

2. 页面的代码精减,减小了DOM的数量,加快了页面的加载速度,另一方面google官方称网页加载速度列入pagerank算法,此早已公诸于世。

3。此外,精减页面代码,加快页面的加载速度,节省用户打开页面的时间,拥有更好的用户体验。

阅读了本文的人还看了:

  1. SEO只是改标题,堆关键字,加外链?
  2. 黑帽SEO精典案例-关键词堆砌2
  3. 百度SEO优化指南v1.0
  4. Google承认会手动调整搜索排名
  5. 百度贴吧之站长俱乐部-百度跟站长的对话开始了
  6. 黑帽SEO变成白帽SEO详解
  7. 我对百度不太好感的理由
  8. div+css布局比table布局的优势
  9. IT咖啡厅第一讲:搜索引擎与Web Spider原理详解
  10. 301重定向会导致PageRank损失
0 Comments

Leave a Reply

Using Gravatars in the comments - get your own and be recognized!

XHTML: These are some of the tags you can use: <a href=""> <b> <blockquote> <code> <em> <i> <strike> <strong>