页面减肥

页面减肥

左直拳

近来给网站的页面瘦身减肥，这里做个总结。

1、 尽量少用<talbe>

使用表格定位很方便，也很精确。不过如果不涉及定位，其实没必要滥用表格。一个表格起码要有一对<table>标记，通常还要写上 cellspacing=”<chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="0" unitname="”">0”</chmetcnv>，cellpadding=”<chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="0" unitname="”">0”</chmetcnv> style=”width:100%” border=”<chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="0" unitname="”">0”</chmetcnv>之类，另外每一行又来一对<tr>，再加上单元格的<td>，我的god，太多了吧。我现在做的页面从美工的设计稿修改而来，里面表格嵌套另一个表格，嵌套三、四层是家常便饭，真是痛苦。

听说现在流行div。有时可以使用 div 和 span 代替 table。不过是有时而已， TABLE 的作用仍然无法替代。起码，两样东西同处一行，一个靠左对齐，一个靠右对齐，分处该行的两端，如果用DIV或SPAN，我不知道该怎么做。

2、 尽量将CSS写到CSS文件里

将相同的CSS提炼出来，写在CSS文件里，然后用class=来引用。

3、 将常用的图片转移到与页面同一目录

通常做网站都喜欢设置一个images目录，所有的图片都存放在这里。的确方便管理。不过访问量巨大，特别需要瘦身的页面，也许应该可以变通一下，将用到的图片移到同一目录下，避免出现src=”../images/***”的情况。

4、 使用尽量短的名字

ID值、CSS的class名、函数名，如果有必要，可以尽量缩短，比如，只有一个字母。当然，可读性就差了。有时候我们需要权衡取舍，不是吗？

5、 使用JS函数

几个措施之中，我觉得这个效果最为明显。可设置一个函数，将页面中内容相近，只有少许不同的部分改由JS脚本的document.write输出，而将不同部分作为参数输入。比如，有一个列表表格，每行后面都是操作性的按扭，象编辑、删除之类，行与行之间大同小异，改为用JS函数输出，节约的代码量真是非常可观。

在未瘦身前，我们一个页面数据多时可以达到900多K。瘦身后200K。700K的冗余量。虽说网速越来越快，计算机也越来越先进，但能省则省，也许是什么时候都需要的，不然的话，规模一大，就原形毕露了。