在网站建设中如何做好网站代码的优化

发布人：郑州凯讯公司发布日期：2015-02-21

对于网站代码，我们应该做到精简化、规范化，这不仅可以减小网页大小，加快网页打开速度，而且对搜索引擎也有好处，精简规范化的代码很便于搜索引擎蜘蛛爬行和抓取数据，增加搜索引擎对网站的好感度，有利于获得更高的权重。真正合格的网站建设人员，应该掌握代码优化的方法，知道哪些代码是冗余的，哪些代码是可以精简的。那么如何进行网站代码的优化呢？这里就来简单介绍一下如何做网站代码的优化。

一、HEAD部分代码规范化：

网页HEAD区部分代码是搜索引擎爬行网站的入口部分，对网站优化起着至关重要的作用。在这部分里，不仅含有极为重要的title标签，而且还有对网站优化有重要影响的META标签，包括keywords标签和description标签，现在很多网站的头部代码都相当统一化，你需要做的就是将网站代码更加规范化，该加入的标签要加入，该去掉的去掉，这样才能保持head区代码干净简洁。比如，为了实现网页缓存功能，可以加入<meta http-equiv="expires" content="864000" />这样的语句，而如果需要调用文件外的style，那么我们可以使用<LINK href="style/style.css" rel="stylesheet" type="text/css">这样的语句。如果哪些style不需要了，也需要删除这些代码，以免增加网页加载时间，减慢网页打开速度。另外如果有多个style文件，这时可以将之合并，去除重复的 style定义，精简该部分代码。

二、网页上TABLE标签尽量减少使用：

table标签是以前很多网站最为常见的代码形式，原因根本在于table在建立网站时比较快捷，对于网页上的元素定位非常方便，但是这也就影响了网站的后期优化。相对于div+css布局的精简代码网站来说，table所使用的代码更多，造成网页体积更大。所以在建站时候，尽量是少使用表格，即便是要使用表格时，也要尽量避免使用嵌套式表格的形式，以免产生过多的冗杂代码。

三、采用标准化的DIV网页布局：

在当今的网站设计标准中，采用了DIV+CSS的网页布局方式实现各种内容的定位而非Table（表格）布局。DIV+CSS达到了内容与代码相分离的效果。使用DIV+CSS设计的网站是符合W3C标准的，相比table代码布局可以更方便搜索引擎的索引，更能体现样式和结构的分离，结构的重构性强，也更符合web设计标准。搜索引擎对标准化制作的页面给予了更高的权重。使用DIV+CSS的架构也有很多优势，比如改版方便，不需要变动页面的内容，网页打开速度也会明显加快。

四、网页上的JS代码应采用外部调用的方式：

由于js代码不能够被搜索引擎识别，而如果网站上的js代码过多，则会影响网页的爬行和抓取，同时js代码的执行也会延长网页打开时间，不利于用户体验。我们应该将用到Javascript代码采取外部调用的形式，并且将多个js文件加以合并，减少http请求次数，这样可以减小搜索引擎的工作，也避免产生过多无效代码拖累网站。没有太大用处的js代码可以删去，把必须的js代码放在网页代码最后执行，这都是很好的编码习惯。

五、将网页上的代码注释删除掉：

为了精简网页代码，我们可以把网页代码中的注释性内容给删除掉。这些注释的存在除了对阅读代码起作用以外，其他没有任何好处，不仅加大了网页体积，对于搜索引擎而言，也没有任何意义的，这样对于网站不会有什么利处，不如直接省略。

六、精简css代码：

网站上的css代码，如果能简写的，就采用简写的方式，同样的功能不要把代码搞得过于复杂。比如 border和margin的简写，如果存在border-left，border-top， border-right，border-bottom的属性，那么我们可以将其合并为 border的属性，对于margin 也是如此，这样可以让人阅读起来更容易理解，同时也减少了代码量。

以上六个方面是我们郑州网站建设公司的经验总结，是做好网站代码优化的主要手段，各位有必要熟练掌握。如果您也有更好网站代码优化方法，也可以与笔者一起交流。