代码优化就是对网页中的HTML源代码进行必要的调整。一方面,可以有效精简页面中的冗余代码,加快页面的显示速度,同时也降低页面占用搜索引擎服务器的存储空间,从而提高页面的用户体验及搜索引擎友好性;另一方面,还可以有效突出页面的主题,突出页面的相关性。
代码优化包括精简代码、头部优化、权重标签使用及图片优化。其中精简代码是最基础、最根本的。精简代码又包括清理垃圾代码、HTML标签转换、CSS优化、JS优化及表格优化。
一个页面经过垃圾代码清理后可以删除接近80%的冗余代码。垃圾代码一般由页面制作软件产生,常见的包括空格、默认属性、注释语句及空语句。每行代码开始和结尾处的空格字符可以通过DW或者编辑软件的替换功能进行清理。页面经过清理空格字符后,大概可以删除70%左右的垃圾代码。利用DW的替换功能可以完成对默认属性代码的替换;如左对齐属性。在添加注释语句时需遵循一个原则:绝不添加那些即使删除后也不会影响网页源代码可读性的注释语句。使用DW软件的特定功能可以清理空语句;如清理HTML/XHML功能。手工编辑写HTML代码可以防止垃圾代码的产生。
HTNL标签转换主要是使用短标签替换在网页中实现同样效果的长标签。如<b>和<strong>都表示对字体进行加粗。显然<b>的字符更少。同样,使用DW的替换功能可轻松完成HTML长短标签的转换。
CSS,即Coscading Style Sheet,称为层叠样式表。用CSS技术可以有效地页面进行精准控制。使用CSS外部调用方式可以有效地减少页面代码量而且还不会占用页面顶部的重要位置,利于搜索引擎抓取页面相对重要内容。但由于目前搜索引擎并不解析CSS的内容,就要避免使用CSS为重要内容定义样式。使用HTML标签为重要内容,如主、辅关键字进行标注才能达到突出关键字,提高页面相关性的目的。此外,使用DIV+CSS方式制作的页面不管对于搜索引擎还是普通用户都是非常友好的。
目前,搜索引擎并不解析JS生成的页面或者内容加上执行效率远低于HTML;JS优化是为了避免JS代码占用页面空间及重要位置。使用外部调用既不占用页面重要位置,又可精简大量代码,加快页面显示速度。
表格优化主要是解决表格间的嵌套问题,让表格间保持独立,从而加快表格内容的显示速度,提高用户体验;同时,又可以精简页面代码。