导航

« 百度快照严重“回档”,SEO首页排名惊现四个日本站SEO两百个秘密:成为搜索引擎新闻源 »

SEO两百个秘密:精简代码的终极杀手锏

推荐:如果你首次访问本博或喜欢本文,请订阅我的全文 RSS Feed来支持SEO研究院,以更快获取信息。

我们谈论过合理精简代码,给网页减肥对网站优化和用户体验的重要性,在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 ,转载请保留链接。

  • 相关文章:
  • quote 1.Yeeseo
  • http://yeeseo.com
  • 其实换行符和空格符占用的空间非常小,如果服务器端开启了gzip传输,最先被精简掉的就是这类无形字符。
    您举的第一个例子,真正的优化方式是精简嵌套。<div class="box"></div>才是不需要的东西。
    第二个例子,是手工排版和css排版的问题。有些人喜欢段前空两格,于是手工输入两个全角空格符,其实最好通过css解决,即用 text-indent 属性。
    第三个例子,br是强制换行符,一般是不够成熟的可视化编辑器带来,最好能更换较好的可视化编辑器。
  • 2009-6-27 14:59:02 回复该留言
  • quote 2.Yeeseo
  • http://yeeseo.com
  • 另外如果服务器开销不吃紧,首页体积又比较大,或者对Size特别在意,都可以使用gzip。

    现有的搜索引擎蜘蛛都已经支持了gzip传输,因此开启gzip后无论访客还是蜘蛛都能受益,原本的页面体积会降低至少一半。

    您可以通过这里:
    http://www.gidnetwork.com/tools/gzip-test.php
    检测页面是否经过gzip压缩传送,还可以对比压缩前和压缩后的体积变化。
  • 2009-6-27 15:06:48 回复该留言
  • quote 3.独孤天骄
  • http://www.dugutianjiao.com
  • 多承指教,非常感激。这个优化代码的方式,我们一般并不推荐,“是不考虑代码可读性的极端代码优化手法。”
    我发现您对SEO的理解也非常深刻、透彻,比我似乎还系统化!
    在暑期我有个SEO计划,希望能够共同参与,如果不嫌麻烦,请联系我QQ:3303976。我在你网站找不到你的联系信息:(


  • 2009-6-27 16:11:40 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Copyright 2004-2008 SEO研究院: 搜索引擎优化的200个秘密,SEO三十六计,SEO七十二案例. All Rights Reserved.
Powered by Z-blog,Theme by Google黑板报,washun仿制。