【91速排智能营销系统】

关键词快速排名按天收费倡导者! 一站式全网营销领导品牌!

营销资讯

代码优化的几种方法

  • 作者:admin
  • 发表时间:2019-12-09 16:18
  • 来源:未知
        代码优化就是对网页中的HTML源代码做简单的调整,以提高页面的友好性。页面经过代码优化后,一方面可以有效精简页面中的冗余代码,加快页面的显示速度,同时也降低页面占用搜索引擎服务器的存储空间,从面提高页面的用户体验及搜索引擎友好性。另一方面还可以有效的突出页面主题,提高页面的相关性。
 
代码优化的主要工作包括精简代码,头部优化及权重标签使用。在这几个环节中,精简代码是最基础、最根本的。
 
SEO新手必看基础:[8]代码优化(1)精简代码
方法/步骤

精简代码

精简代码是指清除或者简化页面中的代码,从而达到降低页面体积、提高页面的用户体验及搜索引擎友好性的目的。
页面代码的精简包括四大环节:清理垃圾代码、HTML标签转换、CSS优化、JavaScript优化。其中,清理垃圾代码又是精简代码中最重要、最基础的。

清理垃圾代码

清理垃圾代码是指删除页面中的冗余代码。一个页面经过垃圾代码清理后,可以删除接近%80的冗余代码。然而什么是冗余代码呢?

(1) 垃圾代码简介
垃圾代码指删除后不会影响页面正常显示的非必要代码。这些代码占据的庞大的空间,还占用搜索引擎巨大的存储空间,增加搜索引擎分析数据的时间。然而这些垃圾代码是如何产生的呢?

(2) 垃圾代码的产生
一般情况下,我们会使用网页制作软件如FrontPage、Word及Dreamweaver。这些网页制作软件在制作网页的时候,会生成相应的HTML代码,其中大部分是必须的,而有一小部分则是可有可无的,这些就是所谓的垃圾代码。因此,避免产生垃圾代码最好的办法就是以手工编写代码的方式制作网页。
 
       即使是同样内容的网页,使用不同的网页制作软件进行制作,所产生的代码也会存在很大的区别。例如对于包含“北京旅游超市”,使用WORD制作产生103行代码,共2.96KB的内容;使用ForntPage则产生17行代码,共308B的内容;而使用Dreamweaver只产生12行代码,共275B的内容。尽管不同的软件制作网页时代码会存在很大的差别,但有一部分代码是共用的,包括垃圾代码。

 (3) 垃圾代码的清理
空格字符是网页中最常见的垃圾代码。但此处讨论的空格字符并非HTML语言中的 标签,而是指在代码编缉环境下敲击键盘上的空格键产生的符号。网页中的每个空格都相当于一个字符,因此,空格字符也会占用巨大的空间。初步统计,空格字约占页面总体积的1.5%。也就是说一个100KB的页面中,其中1.5KB是空格字符。
 
空格字符通常会出现在每行代码的开始和结束处,还有就是空行中。如
<td> </td>   ------(b)每行代码后空格字符
    对于页面中不同位置上的空格字符,清理的方式: 
    对于每行代码开始前的空格字符可以使用Dreamweaver或者EditPlus等软件进行清理。具体操作步骤如下:第一.转到HTML代码编辑格式(如果是Dreamweaver);第二.按Ctrl+A选择全部代码;第三.使用组合键Shift+Tab,直到删除所有空格为止;
    对于空行中空格字符清理;只能手工逐行去掉:用鼠标选中空行;再按Delete,删除。
    对于代码结尾处空格字符:对于每行代码结束处的空格字符,我们可以使用Editplus或者其它编辑软件的替换功能进行清理:第一.用鼠标选择“>”+“一个空格字符”即“ >”;第二.再按Ctrl+F,就会弹出如图所示的窗口;第三.替换处填上“>”,再点击“全部替换”即可。



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

默认属性

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

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

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

3.size=“3”:文字大小属性值,默认情况下是在当前窗口中打开;

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

5.Font=“#000000”:文字颜色属性值,默认情况下网页的背景颜色是白色;

6.Bgcolor=“#FFFFFF”:背景颜色属性值,默认情况下网页的背景是白色。

利用Dreamweaver的替换功能,可以完成对默认属性代码的替换。在“查找”中填上要替换的默认属性代码,“替换”处留空白,还可以在“查找范围”上选择替换范围。然后点击“替换全部”就可以删除“查找范围”内所有指定的默认属性代码。如下图:


 

注释语句:

注释语句是用来对代码功能或作用进行说明的语句,注释语句的内容对于普通用户来说是不可见的。即用户在页面中看不到HTML代码中的注释标签里的内容。
 
在制作网页的时候,我们或多或少会添加注释语句以增强代码的可读性。但是过多的注释语句会占用大量的存储空间,不仅如此,如果在注释标签里添加大量的关字,还会被搜索引擎认为是堆砌关键字,从而对网站进行惩罚。
 
所以,在添加注释语句时,我们要坚守一个原则:绝不添加那些即使删除后也不会影响网页源代码可读性的注释语句。

空语句:

垃圾代码清理的最后一步就是删除代码中的空语句。简单地说,空语句就是指标签间不存在任何内容的语句。例如,<b></b>.空语句的清理主要针对即使删除后也不会影响页面正常的标签,如<b></b>、<font></font>、<h1></h1>等。但有一部分标签是不能删的(如<tr>、<td>或者<p>),否则页面将会出现错乱。
 
可以使用网页制作软件提供的特定功能对代码中的空语句进行清理。例如,Dreamweaver的“清理HTML/XHTML”功能就可以快速清理页面中的空语句:

(1)点击菜单栏中的“命令”;

(2)选择“清理HTML”;

(3)根据需要选择相应的选项,然后按“确定”即可。


分享到: