郑少群博客: 代码优化是如何实现的

2012年6月27日星期三

　　代码优化就是对网页中的html源代码进行必要的调整，以提高页面的有好行，页面经过优化后，一方面可以有效的精简页面中的冗余代码，加快页面的显示速度，同时降低页面占用搜索引擎服务器的存储空间，从而提高页面的用户体验及搜素引擎友好型;另一方面可以突出页面主题，提高页面的相关性。

　　主要步骤：精简代码;头部优化，权重标签使用及图片优化。在这四个环节中，精简代码是最基础、最根本。

　　1.精简代码是指清除或者简化页面中的代码，从而达到降低页面体积、提高页面的用户体验及搜索引擎优化性的目的。

　　精简代码又分五个小步骤：1.清理垃圾代码;2.html标签转换;3.css优化;4js优化以及表格优化。

　　1.1 垃圾代码是指那些在删除的情况下也不会影响页面正常显示的非必要代码。不要小看这些代码，他占据了很大的空间，不仅影响性能还影响搜索引擎的计算时间，所以代码最好是手写，如果用frontpage，word，dreamweaver，等工具写的话，产生的垃圾代码会非常多，所以手动清理掉。

　　1.2 html标签转换，主要是指使用短标签替换在网页中实现同样效果的长标签。例如与，两周都是对字体加粗，但是比多出五个字符，如果页面很多的话，就会产生很多冗余代码。

　　1.3 css优化。css优化主要是改变css的调用方式，以及避免使用css为重要内容定义样式。

　　使用div+css方式制作页面，一方面防止垃圾代码，另一方面可以减少重复代码。这种方式对搜索引擎非常友好。

　　1.4 js优化。js对搜素引擎极不友好。目前搜索引擎不能解析javascript生成的页面或者内容。所以重要的内容不能用js脚本生成;

　　1.5表格优化，传统的页面基本都是用table。但是这种方式对搜索引擎非常不友好，所以不建议用table

　　实战：我的网站gsm alarm system所有的页面都是手写，几乎没有任何的冗余代码，就是标签的转换，尽量避免了长便签。

　　还有就是css优化，所有的样式我放在外部页面，只需在头部添加引用即可，这样大大减少了页面的体积。

　　还有就是我采用了div+css的方式写了每个页面。

　　还有js优化，所有的重要内容都没有使用js，用js只是显示一些特效，但是js的代码也是写在外部页面，而要在页面的底部添加引用，千万不要再头部，如果在头部也会影响页面的性能的

　　而我的网站gsm alarm system所有的页面都遵守了上面所述规则。以上小弟如果有错的地方，各位大哥，可以给予指点，小弟不胜感激。好了今天就到此了，下节继续。