SEO代码优化之清理垃圾代码 - 逝魂博客
当前位置: 首页 > 学习天地 > 正文

SEO代码优化之清理垃圾代码

整理了seo一位达人的文章,感觉不错,很多人都忽略了代码的优化,我想现在分享的70%甚至更多的主题都存在大量垃圾代码。

 

1.垃圾代码简介

垃圾代码就是指删除后不会影响页面正常显示的非必要的代码。这些代买占据着庞大的空间,不但消耗用户下载页面的时间,还占用搜索引擎巨大的存储空间,增加搜索引擎分析数据的时间。然而,这么庞大的垃圾代码是如何产生的呢?

2.垃圾代码的产生

一般情况下,我们会使用网页制作软件制作网页,如FrontPage、Word及Dreamweaver。这些网页制作软件在制作网页的时候,会生成相应的HTML代码,其中大部分是必要的,而有一小部分则是可有可无的,这就是所谓的垃圾代码。因此,避免产生垃圾代码最好的办法就是以手工编写代码的方式制作网页。

即使是同样内容的网页,使用不同的网页制作软件进行制作,所产生的代码也会存在很大的区别。在没有掌握手工编写代码前,可以使用Dreamweaver制作网页,完成后再清理其中的垃圾代码。

3.垃圾代码的清理

〇空格

空格字符是网页中最常见的垃圾代码。但此处讨论的空格字符并非HTML语言中的“ ”标签,而是指在代码编辑环境下敲击键盘上的空格键所产生的符号。网页中每个空格都相当于一个字符,因此,空格字符也会占用巨大的空间。初步同济,空格字符约占用页面总体积的1.5%。也就是说,一个100KB的页面中,其中1.5KB是空格字符。

空格字符通常会出现在每行代码的开始和结束处,还有就是空行中。

(1)每行代码开始前的空格字符:是网页制作软件生成代码时,默认产生的缩进字符。

(2)每行代码结束处的空格字符:是编辑HTML代码时,不小心加上的。只要我们在每行代码的结束位置向右移动光标,如果光标不换行,则说明该页面还存在空格字符。

(3)空白行:在编写代码时,常利用空行或者注释对不同功能模块进行分隔,这样就产生了空白行。

对于页面中不同位置上的空格字符,清理的方式也有嗦不同,下面介绍几种常用的空格字符清理方法。

每行代码开始前的空格字符

对于每行代码开始钱的空格字符,可以使用Dreamweaver或者EditPlus等软件进行清理。具体操作步骤如下:

(1)转至HTML代码编辑模式(如果是Dreamweaver);

(2)按Ctrl+A选择全部代码;

(3)使用组合键Shift+Tab,直至删除所有空格为止。

下面的代码1是清理空格前的效果,而代码2则是清理空格字符后的效果。

代码1:

<table width=”100%” border=”0″ cellsoacing=”0″ cellpadding=”0″>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

</table>

代码2:

<table width=”100%” border=”0″ cellsoacing=”0″ cellpadding=”0″>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td> </td>

</tr>

</table>

空行

对于空行中空格字符的清理,只能手工逐行去掉。

(1)首先,使用鼠标选择空行;

(2)再按Delete键,即可删除空行。

每行代码结尾处的空格字符

对于每行代码介绍处的空格字符,我们可以使用Editplus或者其他文笔编辑软件的替换功能进行清理:

(1)用鼠标选择“>”+“一个空格字符”,即“>”;

(2)再按Ctrl+F,就会弹出一个窗口;

(3)“替换”处填上“>”,再点击“全部替换”即可。

页面经过清理空格字符后,大概可以删除70%左右的垃圾代码。也就是说,空格字符的代码量大概占总垃圾代码的70%,还有30%左右的垃圾代码分布在默认属性、注释语句及空语句中。

〇默认属性

在利用网页制作软件制作网页时,通常会产生一些默认属性的代码。例如,我们在HTML代码中不添加左对齐属性,页面中的内容也是以左对齐的方式显示的,所以代码中的左对齐属性是可以删除的。

在页面中,还有很多其他属性都是默认属性,以下是比较常见的。

(1)align=“left”:横向居左对齐属性值,默认情况下文章或者图片都是横向居左对齐的。

(2)valign=“middle”:竖向居中对齐属性值,默认情况下文章或者图片都是竖向居中对齐的。

(3)size=“3”:文字大小属性值,默认情况下是3号字体。

(4)target=”_self“:新页面打开属性值,默认情况下网页中文本的字体颜色是黑色。

利用Dreamweaver的替换功能,可以完成对默认属性代码的替换。在“查找”中填上要替换的默认属性代码,“替换”处留空白,还

转载请注明转自逝魂博客 ,本文链接: http://www.gtsow.com/artices/306.html

该日志由 逝魂 于2010年08月08日发表在学习天地分类下,
您还可以在保留本文地址和作者的前提下转载到您的网站或空间。

SEO代码优化之清理垃圾代码:目前有3 条留言

  1. 地板
    本地智慧:

    学习了

    2010-08-17 上午 10:47
  2. 额 空格 也算啊 我以为空格和换行都不算了……孤陋寡闻了
    额 对了 我是海天 这段时间可能要用这个名字 具体原因到我博客看吧 还需要你们帮忙呢

    2010-08-15 下午 3:37
  3. 沙发
    土狼妹妹:

    我对代码不太懂,每次加广告代码什么的,都是自己乱加的,我的主题中的垃圾代码一定很多,受用了

    2010-08-11 上午 12:35