网页体积大小是一项常见的SEO指标,在进行SEO诊断分析中都会考虑到这一点。随着网络带宽的增加,网页体积的大小将会越来越不重要,因为网速加快了,打开页面的速度也自然增加,由此网页体积的大小也可相应增加而不会影响用户体验。
针对页面打开速度和用户体验的问题,有一个8秒钟法则,当页面8秒中内没有打开时,用户就会感到反感,并放弃你的页面,当然如果你的网页对用户很重要则另当别论。而搜索引擎则没有那么客气,目前搜索引擎只会搜索100k以内的内容,如果你的网页体积超过100k,则即便是100k以后的内容很有吸引力,搜索引擎也不会对你多看一眼,:-)。
所以我们不得不考虑减小我们网页的体积来提高用户体验和对搜索引擎蜘蛛友好。当然有个问题需要澄清一下就是上述的100k以内是指html大小在100k以内,而网页中图片或者flash的体积则不再这100k以内。
减小网页体积主要从两方面入手:网页html体积和网页整体(包含各种媒体和html)的体积。下面分别针对这两方面做一些阐述。
1. 网页布局尽量采用DIV+CSS。由于CSS的强大的控制网页效果的功能,可以使用较少的代码和CSS样式设计出使用表格布局中需要大量冗余html代码才能制作出的效果。当然采用table布局比较简单,对于新学网页设计的人来说更容易上手。如果非要使用table布局,就要考虑怎样和css有机结合,减少嵌套表格的使用以减小网页html体积。
2. 采用外部文件的形式使用css和js。许多情况下造成网页臃肿的另一个原因是网页中插入了太多的css和js,有些网页js代码竟然占到整个网页的90%!css代码和js嵌入在代码中不仅难于管理,而且大大增加了网页体积,影响搜索引擎蜘蛛爬行,也影响下载速度。所以采用外部文件的形式使用css和js也是减小网页体积的重要途径之一,网页中尽量不要有页内的css和js代码。同时也也要注意减少使用inline css!
3. 清除word格式或者其他格式文档夹带的格式。对于经常把word文档中的文字制作成网页,或者添加到CMS中的人来说得尤其注意这一点,直接从word中拷贝过来的文字有时候会含有许多不必要的,臃肿的垃圾格式代码!严重影响网页html体积,一般好的编辑器会提示你是否清楚word格式,建议选择清除格式,如果清除word格式后排版出现混乱,请耐住性子,参老原文好好排一下版,细节决定成败,不要吝惜这点时间。
4. 合理分页。上面提到搜索引擎只会爬行100k以后的内容,所以当你的文章过长的时候要注意合理、适当分页,分页可以增加网页数量,也可以增加网站浏览量,但不能为了分页而分页,比如把一篇文章分成n个小段!
避免太多嵌套表格和div,尽量采用css来控制页面;采用外部文件的形式使用css和js;清除word或者其他格式文档夹带的格式;合理分页是减小网页html体积四种主要方法。