网站为什么都需要SEO 搜索引擎优化呢?有一部分原因就是网页设计不规范造成的。今天我在这里讲一下网页如何瘦身，代码如何优化？
我们大家都知道，网页设计无论是基于那种语言都是两种布局方式和架构：
一是：table做的；二是：div+css做的 然而这两种架构也不是绝对的互斥的，也有出现你中有我，我中有你的情况。
为什么要网页瘦身呢？ 原因是，搜索引擎本身的资源是有限的，在一定的时间内他的存储空间也是有限的。如果一个页面是2k相比一个将1m的页面来说，2k的页面存储500个的空间，只能放一个1m的页面。
鉴于对搜索引擎的考虑，我们应该让他减轻负担.还有就是：
1，尽可能的减少数据的数据的传输量。 2，尽可能的减少数据的传输频率、
如果可以做到这些，那么：1，提高网页的下载速度 2，降低服务器使用的资源 3，提高网络带宽利用率
首先我们会把注意力放在导致速度下降的最大因素上：图片，二进制文件上。这固然重要，但是优化html代码，css代码和javascript也是相当重要的 但是，我们常常忽略了这一点。我们了解一个典型的网页加载流程是：
首先（x）html文件最先浏览器读到，然后加载到内存中，因为这个文件决定了整个网页中其他文件的关系，一般情况下，我们称这个为主文件（host document）浏览器一旦加载完成这个文件，便开始解析各种markup了 在从文件顶部开始向下解析的过程中，会同时发出一系列的相关对象的请求，包括外部脚本，样式表单，flash等其他元素。而这些css和javascript则有可能继续触发一些相对图片和脚本资源的请求。 从这了可以看出主文件的重要性，如果能把他尽可能快的传给浏览器，浏览器就可能先一步解析。所以第一步，需要对主文件进行优化，减肥。如何优化传输，我们的基本方法是： 是什么？
减少空白区域，精简css和javascript
1，出去空白区域，一般而言，空白区域（空格，制表符，换行符等）都可以安全删除，但要避免修改pre，textarea，及受css属性中white-space影响的标签。 我还有一个建议就是，这些代码在优化前，大家留一个备份，因为毕竟有空白区域的代码，我们看起来比较舒服，不至于是我们的眼睛太累，可能我们后期还要对优化的过的代码进行再操作
2，出去注释，除了在客户端给ie和doctype声明的注释，几乎所有的注释都可以k掉，毫无顾虑 3，使用短格式的颜色表示，我们常常在用颜色的时候喜欢用16进制和全颜色名称，认为这样比较精确，但我们要尽可能根据实际情况使用短格式的颜色表示如：#ff0000，其实就是red
4，用短格式的字符表示。和最短颜色表示一样，一些名称可以用最短字符来表示，我们可以用较短的数字来代替某些长长的字母。
5，除去无用的标签。有些无用的标签，比如使用了多次的重复标签或者某些编辑器里面用做广告的meta标签，都可以安全地去掉
css优化，css也有一套成熟而有简单的方法。实际上，时下大多数的css都较（x）html更容易压缩。 1，除去css中的空白区域。相比html来，css对于空白区域没有那么敏感，所以除去空白区域可以极大地减少css文件和style样式表的区域大小 2，除去css注释，如同除去markup代码中的注释一样，由于css的注释对普通的最终用户来说并没有什么使用价值，使用应该除去。 不过，如果考虑到较低级的浏览器，则css中的style标签中的屏蔽注释信息不可以除去。使用短格式表示颜色，同上，不再重复 3，对css的规则进行合并，如这短代码： p{font-size:36pt; font-family:aral; line-height:48pt; font-weight:bold;} 可以这样写：p{font:bold 36pt/48pt arial;} 这样的话，数据量顿时就见效了许多。这些都我们可以注意到，而又没有在意的方面，seo就是细节，细节决定成败 4，对类和id重命名。多id重命名，要注意，不要出错 许多时候我们为了程序编写的需要，总是把名字写的有意义自己能理解，但是这样无疑长了很多，这个大家自己看着改吧 javascript优化 javascrpt对与网站的作用越来越大，我们不得不注意的他功效了。 这些代码许多时候非常笨重，数据量较大。 目前搜索引擎还不能解析javascript，但众多的java脚本影响的网站的速度，这更多的是处于用户体验考虑了 我在这里就简单说一下，有兴趣的朋友可以去深挖度 跟css一样，除去javascript注释，除去javascript空白区域 去除javascipt的空白区域的时候，要注意程序的完整性，不要导致运行出错 文件方面的优化 一些站点通常含有用户通过url无法访问的文件。<img src="../../../imges/subheaderabout.gif"> 既然这些文件从来不会被访问到，考虑到下载速度，可以改成<img src="/0/a.gif">这种形式 这样看着就舒服多了，下载也快多了 重构<script>和<style>调用方式 来优化请求次数 我们常常看到：
<script src="/scripts/rollovers.js"></script>
<script src="/scripts alidation.js"></script>
<script src="/scripts/tracking.js"></script>
可以改成这样的<script src="/0/g.js"></script>
其中g.js包含了所有供全局使用的函数。 讲到这里，可能大家都感觉这些东西都太专业，让你感觉云里雾里的，理论永远是灰色的，我上面说的，优化的最高境界了，但我常常发现的是：我们的网站里面结构混乱，页面有各种css样式的定义，还有大量的java脚本出现，我觉得最简单的瘦身方式，就是把重复使用的css样式定义出来，放到css文件里面，把java脚本也放到一个文件里面，让你的页面看着比较整洁，尽量多的突出主题，降低网页的信噪比 还有，对seo优化而言，用div+css可以更好布局网站的架构， 把你想要展示的东西把代码的上方 搜索引擎都是从上往下看的，累了就不看了 就是代码靠前 显示的内容却未必再前面 这样搜索引擎先看 前面的div就是可以根据自己的需要进行定位。
