网站优化建议
来源: 时间:07-01-08 点击: 点击这里收藏本文
1.优化承现给用户的页面代码,减少冗余代码,在这种页面里，最好只有结构性html元素外加数据,没有任何修饰性的样式代码.而这些长啊，宽啊，颜色之类的代码全归到一个css文件里.虽然很多人觉的要使用div+css设计这样才好搞,但使用table也照样可以把样式搞成css，不过table是有几个属性,标准版的css还是不支持的,不过可以使用某些特别的写法
如
#rightmain{
width:expression(document.body.clientWidth-190);
height:expression(document.body.clientHeight);
}
这个css，就像是一个js一样，出错了，居然会报js错误,
2.使用js来重载写入一些网页中重复的部份(有利于搜索引擎的除外),如移动到一个tr单元背景变换,
最常规代码是<TR onMouseOut="this.bgColor='#ffffff';" onMouseOver="this.bgColor='#FFF3E7';">
常规优化代码<tr onmouseout="xxout();" onmouseover="xxxover();">
这样的好处是可以在函数里改动颜色值,而且相对第一种来说,代码适当的减少了.
终级优化代码: 虽然上面那种相对来说,以经比较简短和更改方便了,但我们要做到更简单，那就是上面代码中无任何修饰或动作,你要写的就是 <tr> 不过你还需要写上一点js,只是这个js你可以写在另一个js文件呢,如果在有大量相同的页面中，这一方法是相当好的.
方法:首先,给这个表格指定一个id,如下面表格
<table id="table1">
<tr class="title"><td>这是标题,该栏颜色不变</td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
然后写出js部份:
function xxxxxx(){
var x = document.getElementById("table1"); //只读这个id内的代码
if(!x) return; //不存在就返回空值
var y = x.getElementsByTagName("tr"); //读所有标签为tr的html元素
for (var i=0;i<y.length;i++){
if(y[i].class != 'title'){
y[i].onmouseout=xxout();
y[i].onmouseover=xxxover();
}
}
}
这时候你只要在这个表格出了后(一般是在加载统计的时候执行),执行这个函数,就可以实现相同的效果了,在一个有比较多行的表格中,会节省不少的代码.同时页面的代码又清爽了不少.
例如 http://www.mzls.com/ 如我的rel="new" rel="play" 等,都使用了js来后期进行了其它的工作.
3.一个小提示,为你的链接加上结尾/ 首先，你可以在ie上输入 www.mzls.com 打开后，你会发现地址栏的地址以经被换成 http://www.mzls.com/ 了,相对于根目录还要好点，如果是 www.231.cc/art_11 这种地址,在服务器上,因该就要比http://www.mzls.com/art_11/ 执行更多的步骤,因为他还要去检验art_11 是一个目录，还是一个文件.
4.优化你网站的目录结构,目前比较好的结构就是有可删节性的根型目录
例子
http://www.mzls.com/ 爱上你音乐网
http://www.mzls.comart_13/ 华人组合
http://www.mzls.comart_13/s_1691/ Twins页面
http://www.mzls.com/art_13/s_1691/cd_6794/ Twins专辑八十块环游世界
http://www.mzls.com/art_13/s_1691/cd_6794/mp3_86003.htm 80块环游世界
上面的网址中,会发现他们的结构都是一层一层下来的,在最深目录中，只要删一个节点,就自然返回上一页了,有人说目录太深，不过实践下来,发现这点深点一点问题都没有
把此文章收藏到：
