[SEO网页设计]什么是网页减肥？

SEO网页减肥

代码设置不妥不仅延长网页加载时间，也严重影响蜘蛛程序对网页内容的抓取。通过对网页代码进行清减去掉臃肿杂乱的代码，减小网页文件大小，能够加快网 页加载速度，让蜘蛛快速索引到重要内容。最好不要超过 50K。 网页减肥重点涉及以下几个要点：
> a.CSS 样式
网页制作应通过 CSS（层叠样式表单）来统一定制字体风格。 例如：
<b style="color:red;font-size:16px;">测试</b>
<div id="divmain" style="font-size:12px;">DIV</b>
<div style="color:red;"> 红色 <b style="color:green;">绿色</b> </div>

----------------------
<style type="text/css">
b { color:red;font-size:16px; } /*通用对象*/
#divmain {font-size:12px;} /* ID 对象 */
.red {color:red;}/* 定制类别 */
.red b {color:green;}/* 定制类别下的 通用对象*/
</style>
<b>测试</b>
<div id="divmain">DIV</b>
<div class="red"> 红色 <b>绿色</b> </div>
CSS 减肥示例文件 把文字的字体、字号、颜色、背景色等统一起来，不用对每段文字单独进行格式定义，从而减少大量重复性标签。注意把所有 css 文件单独存放在命名为 css 的外 部文件中。
语法： <link rel="stylesheet" type="text/css" href="/common/client.css">

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

总结：多使用CSS 样式，能够减小文件大小。

b.JavaScript：
1.简化js中的函数名称和变量。
例如：Google，里面的函数名称只有1个或者2个字符。
2.将网页的公共部分转换为脚本并存于js文件里。这样可以减少文件大小，加快下载速度，同时也方便管理。
不过不能将导航等等优化的关键代码转换成js，否则搜索引擎搜索不到。
例如：华军软件园 ，将标题、导航等等都放着js文件里，将导航放在js里面就不太好了。

总结：将网页的公共的不需要优化的部分转换为脚本并存于js文件里，这样可以减少文件大小，加快下载速度，同时也方便管理。

c.慎用网页减肥工具
通常的网页减肥工具，对htm减肥具有一定的破坏性，常常为了减肥将标签的 后半个标签删除，造成网页的不完整。

d.删除空格和回车。
如果要更加苛刻的减肥，那最后一步就是删除空格了，还可以使文件下降很多。
不过删除空格后的页面由于没有阶梯排列，将很难读懂。
    空格减肥代码：看我的程序演示。

总结：在网络条件良好的情况下，对空格和回车不做处理。 


阅读该文的人还阅读过以下文章：

[SEO网页设计]表格的使用
[SEO网页设计]什么图像优化？
[SEO网页设计]什么是网页框架结构？
[SEO网页设计]设计师们须要注意哪些细节？