页面减肥

左直拳

 

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

1、              尽量少用<talbe>

使用表格定位很方便,也很精确。不过如果不涉及定位,其实没必要滥用表格。一个表格起码要有一对<table>标记,通常还要写上 cellspacing=” 0” ,cellpadding=” 0” style=”width:100%” border=” 0” 之类,另外每一行又来一对<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的冗余量。虽说网速越来越快,计算机也越来越先进,但能省则省,也许是什么时候都需要的,不然的话,规模一大,就原形毕露了。