网站优化还包括网站的代码优化,如何进行网站代码优化呢,本文章主要介绍一些清除网站垃圾代码的方法与技巧。
清理垃圾代码是指删除网页中多余的垃圾代码,一个页面经过垃圾代码清理后,可以删除接近80%的多余代码。
1、为什么要清理垃圾代码
垃圾代码就是指删除后不会影响页面正常显示的非必要的代码。这些垃圾代码占据着庞大的空间,不但消耗用户下载页面的时间,还占用搜索引擎巨大的存储空间,增加搜索引擎分析数据的时间。
2、垃圾代码是如何产生的
一般情况下,我们会使用网页制作软件制作网页,如FrontPage、Word及Dreamweaver。这些网页制作软件在制作网页的时候,会生成相应的HTML代码,其中大部分是必要的,而有一小部分则是可有可无的,这就是所谓的垃圾代码。
因此,避免产生垃圾代码良好的办法就是以手工编写代码的方式制作网页。
即使是同样内容的网页,使用不同的网页制作软件进行制作,所产生的代码也会存在很大的区别。在没有掌握手工编写代码前,可以使用Dreamweaver制作网页,完成后再清理其中的垃圾代码。
3、如何清理垃圾代码
a、空格
空格字符是网页中常见的垃圾代码。但此处讨论的空格字符并非HTML语言中的“ ”标签,而是指在代码编辑环境下敲击键盘上的空格键所产生的符号。网页中每个空格都相当于一个字符,因此,空格字符也会占用巨大的空间。初步统计,空格字符约占用页面总体积的1.5%。也就是说,一个100KB的页面中,其中1.5KB是空格字符。
空格字符通常会出现在每行代码的开始和结束处,还有就是空行中。
(1)每行代码开始前的空格字符:是网页制作软件生成代码时,默认产生的缩进字符。
(2)每行代码结束处的空格字符:是编辑HTML代码时,不小心加上的。只要我们在每行代码的结束位置向右移动光标,如果光标不换行,则说明该页面还存在空格字符。
(3)空白行:在编写代码时,常利用空行或者注释对不同功能模块进行分隔,这样就产生了空白行。
对于每行代码开始处的空格字符,可以使用Dreamweaver或者EditPlus等软件进行清理。具体操作步骤如下:
(1)转至HTML代码编辑模式(如果是Dreamweaver);
(2)按Ctrl+A选择全部代码;
(3)使用组合键Shift+Tab,直至删除所有空格为止。
b、空行
对于空行中空格字符的清理,只能手工逐行去掉。
(1)首先,使用鼠标选择空行;
(2)再按Delete键,即可删除空行。
对于每行代码介绍处的空格字符,我们可以使用Editplus或者其他文笔编辑软件的替换功能进行清理:
(1)用鼠标选择“>”+“一个空格字符”,即“>”;
(2)再按Ctrl+F,就会弹出一个窗口;
(3)“替换”处填上“>”,再点击“全部替换”即可。
c、默认属性
在利用网页制作软件制作网页时,通常会产生一些默认属性的代码。例如,我们在HTML代码中不添加左对齐属性,页面中的内容也是以左对齐的方式显示的,所以代码中的左对齐属性是可以删除的,在页面中,还有很多其他属性都是默认属性,以下是比较常见的。
(1)align=“left”:横向居左对齐属性值,默认情况下文章或者图片都是横向居左对齐的。
(2)valign=“middle”:竖向居中对齐属性值,默认情况下文章或者图片都是竖向居中对齐的。
(3)size=“3”:文字大小属性值,默认情况下是3号字体。
(4)target=”_self“:新页面打开属性值,默认情况下网页就是在当前窗口打开的。
利用Dreamweaver的替换功能,可以完成对默认属性代码的替换。在“查找”中填上要替换的默认属性代码,“替换”处留空白,还可以在“查找范围”上选择替换范围,然后点击“替换全部”就可以删除“查找范围”内所有指定的默认属性代码。
d、注释语句
注释语句是用于对代码功能或作用进行说明的语句,注释语句里的内容对于普通用户来说就是不可见的。即普通用户在页面中是看不到HTML代码中注释标签里的内容。
在制作网页的时候,我们或多或上会添加注释语句一增强代码的可读性。但是,过多的注释语句会占用大量的存储空间。
不仅如此,如果在注释标签里添加大量的关键字,还会被搜索引擎认为是堆砌关键字,从而对网站进行惩罚。
所以,在添加注释语句时,我们要坚守一个原则:绝不添加哪些即使删除后也不会影响网页源代码可读性的注释语句。
e、空语句
垃圾代码清理的后一步就是删除代码中的空语句。简单地说,空语句就是指标签间不存在任何内容的语句。
空语句的清理主要针对即使删除后也不会影响页面正常显示的标签。但有一部分标签是不能删除的,否则页面将会出现错乱。
如果你已经具备手工编写HTML代码的能力,就应该尽量采用手工编写代码的方式制作网页。
2018-12-11,佛山网站建设