在做网站时候把没用的代码去掉的好处

网页打开速度的快慢不仅和网速有关，也和网页的代码有关系。网页的整体页面越大，加载的时间会越长，这不仅影响了搜索引擎的抓取，也影响了客户浏览网页的心情。所以在做网站的时候，应尽量把一些没有必要的代码去掉，以减少网页文件的大小，让搜索引擎快速找到重要的内容。整个网页最好不要超过50K，文字内容最好在5～10K之间。

网页减肥重点涉及以下几个要点：

1．CSS样式

在定义CSS样式的时候，能合并一起写的尽量要合并在一起。例如：

还有能合并成一组属性的要合并到一组属性中，每个选择器之间用逗号分隔开。例如：

网站像ul、img、a、a:hover等一些标签，这些标签在网站上显示的样式通常都相同，所以在CSS开始的时候要将样式统一设置一下，避免在网页布局用到的时候还需要在每个ID或者Class中重复设置，使CSS增大。

CSS不要放在页面的<head></head>标签中。一个网站往往会用到许多个ID或者Class，如果放在页面上，会使整个页面加大，不利于优化，所以要把所有CSS文件单独存放在命名为CSS的外部文件中。

语法：

CSS作用的优先级：自身的style属性>页面的内部style对象>页面外部CSS文件。

2．JavaScript

（1）将网页的公共部分转换为脚本并存于JS文件里。这样可以减少文件大小，加快下载速度，同时也方便管理。不过千万不要将导航等优化的关键代码转换成JS，否则搜索引擎搜索不到。

转换方式：

例如原来是<h1>丰胸减肥</h1>

转换成脚本为：document.write("<h1>丰胸减肥</h1>");

（2）简化JS中的函数名称和变量。例如，Google里面的函数名称只有1个或者2个字符。

3．在写链接的时候去掉域名

其中 http://www. miren8.com 完全没有必要加上，因为域名就是这个，没有必要再重新写一遍，增加无用的代码。

4．不要轻易使用网页减肥工具

现在网上流行许多给网页减肥的工具，不过不建议使用，毕竟都不是智能的，有的时候对网页的结构根本分辨不出来，甚至错误地去掉一些代码，例如把标签的后半部分去掉等，造成网页破版。有调整破版的时间，还不如自己按照前面介绍的网页减肥方法来操作。下面举个最简单的布局嵌套的例子。

处理前：<div>< div >< div >第一行</ div ></ div >< div >< div >第二行</ div ></ div ></ div >。

处理后：< div >< div >< div >第一行< div >< div >第二行</ div >。

处理后的</ div ></ div > 两个标签都被去掉了，造成了页面破版。

5．建议不要把网页中的回车或空格删除

每个人布局都有自己的习惯，笔者的习惯是，在上级和下级之间用两个空格，因为这样方便查找整个网站的框架结构，要么网站很难寻找，也浪费时间。