| 无忧广告交易网 加盟网站 站长论坛 常用工具 万网代理 建站常识 |
| 网站优化的几点建议 |
| 作者:十月怀胎网 时间:2006-11-03 16:47:31 |
| 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(); } } } 这时候你只要在这个表格出了后(一般是在加载统计的时候执行),执行这个函数,就可以实现相同的效果了,在一个有比较多行的表格中,会节省不少的代码.同时页面的代码又清爽了不少. 3.一个小提示,为你的链接加上结尾/ 首先,你可以在ie上输入 www.231.cc 打开后,你会发现地址栏的地址以经被换成 www.231.cc/ 了,相对于根目录还要好点,如果是 www.231.cc/art_11 这种地址,在服务器上,因该就要比www.231.cc/art_11/ 执行更多的步骤,因为他还要去检验art_11 是一个目录,还是一个文件. 4.优化你网站的目录结构,目前比较好的结构就是有可删节性的根型目录 |