我们谈论过合理精简代码,给网页减肥对网站优化和用户体验的重要性,在SEO两百个秘密系列中的“页面代码体积大小与SEO的关系”这篇文章,独孤天骄也讲了好几个精简代码的方法,简单归纳一下有:
1、利用DIV+CSS重构网页,尽可能不使用嵌套表格等,精简代码;
2、封装JS、CSS文件,不把JS和CSS的代码直接写在页面源代码上;
3、慎用Flash、mp3等多媒体文件;
4、优化图片文件,减少页面体积……
在这里,我特别提到了如何减少冗余html代码的问题,如对页面中的font、bgcolor之类的格式化控制代码加于精简,尤其推荐使用网页编辑超级工具箱清除word夹带的格式代码。
完全这样操作之后,有人可能就很自豪地说,“是的,我的页面已经最精简了,没有任何冗余代码了!”
其实这句话并不完全正确,应该说现在的页面是几乎没有冗余代码,但是并非完全没有。
作为讲究细节的SEOer,我们完全还可以挖掘出更加精简的方法,在这里我主要讲代码中空格和回车的问题,这是不考虑代码可读性的极端代码优化手法。
空格字符是网页中最常见的垃圾代码。部分在段落开头或结尾处无意加入的“ ”代码,以及在代码编辑环境下敲击键盘空格键所产生的字符,都可以进行删除。
我随便举三个例子。
第一张图:

大家看这张图片,在浏览器的显示是非常正常的,但是切换到源代码模式,我们看到还大有优化的空间。

删除不必要的代码之后,页面精简了许多。
第二张图:

貌似很正常,但切换到代码模式下,我们仍然可以发现问题,前面的“ ”代码是多余的,不小心敲击出来的,完全可以删除:
第三张图:

上面这张图也是,看起来完全没有任何问题,但是大家看源代码状态下:
有好几个冗余的代码。
删除所有类似这样的空格代码,将使文件体积得到很大下降。
可供参考文献:
SEO两百个秘密:页面代码体积大小与SEO的关系:http://www.dugutianjiao.com/post/page-size-seo.html
SEO两百个秘密:精简代码的终极杀手锏首发地址:http://www.dugutianjiao.com/post/delete-enter-space.html ,转载请保留链接。


