网页加速系列(三)、 网页加速之网页减肥篇

为完成页面减肥就要先说说HTML语言了,它是一种解释性的脚本语言,更多请参见(http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/dhtml.asp,英文),那怎样可以“减肥”呢,因为在HTML语言里本来是不用换行,不用大量的空格的,但各种用编辑器写出来的HTML为了便于作者查看程序所以都用上了很多的空格和和换行,好像FP2000这个软件会产生相当多的空格使你网页的内空变得很大。还有一些可以减去的内容就是人为的了,比如你把多个HTML的属性用到一个对像上,而这些属性里有重复的,也会使你的页面变肥了。而一些可以产生同要效果的不同定义也会产生了大量的无用代码。下面看一下具体的减肥方法:

1、软件压缩法

  最容易的方法就是软件压缩法,用一些专门对HTML减肥的软件来对HTML页面减肥,这个方法很容易且很有效,但对于比如人为造成的冗余HTML代码就不能减了,只能减掉多余的空格和tab。

2、设计减肥法
  这个方法也很容易的,在这里只讲一部分,更多的要自己积累,方法就是在设计网页时,特别是用一个软件来设计网页时你要用一种良好的操作习惯和正确的方法使你编写出来的页面量优化。例如当你有文字或图片在表格里时需要居中,那么使用单元格居中就会比使用文字居中产生的代码少;例如页面里所有的文字都是小字的时候用CSS的方法来定义文字会比一部份一部份的去写义文字少产生很多的代码;再例如要
给一个表格里的一行定义相同的色彩,那么使用行定义(TR)就会比使用单元格定义色彩产生的代码少;又例如如果你页面里大多数的链接都是要新开一个窗口,那么你把该页面的默认(base)设为开新窗口,这样又会减少很多的开新窗口的定义。类似的代码也是如此。

3、程序减肥法
  这就是页面减肥的较高的境界了,大家看能看到,页面里有很多的代码是想同的,这些样同的东西如果可以减下来可
就不得了了,怎样做到呢?用程序了,因为现在的网页都可以使用一种程序语言JAVASCRIPT这种程序是插入HTML里面完成
一些动态的东西,那么我们的减肥就用它了,比如做链接的HTML如下:
<TD ALIGN=MIDDLE WIDTH=110><A HREF="HTTP://www.qianxun.com">千寻</A></TD>
<TD ALIGN=MIDDLE WIDTH=110><A HREF="HTTP://HDQS.126.COM">红豆情思</A></TD>
<TD ALIGN=MIDDLE WIDTH=110><A HREF="HTTP://STONETIME.126.COM">STONE时间</A></TD>
<TD ALIGN=MIDDLE WIDTH=110><A HREF="HTTP://XIAOKUEN.ON.NET.CN">恋爱花园</A></TD>
<TD ALIGN=MIDDLE WIDTH=110><A HREF="HTTP://LILICAI.YEAH.NET">味道</A></TD>
<TD ALIGN=MIDDLE WIDTH=110><A HREF="HTTP://BROY.126.COM">风花</A></TD>
内容不少了,但有不少的东西是一样的,那么我们就用程序来动态的生成这些东西程序如下:
<SCRIPT>
FUNCTION LK(URL,TXT){
DOCUMENT.WRITE("<TD ALIGN=MIDDLE WIDTH=110><A HREF="+URL+">"+TXT+"</A></TD>")
}
LK("RONGWW.YEAH.NET","<FONT COLOR=RED>榕儿的家")
LK("HDQS.126.COM","红豆情思")
LK("STONETIME.126.COM","STONE时间")
LK("XIAOKUEN.ON.NET.CN","恋爱花园")
LK("LILICAI.YEAH.NET","味道")
LK("BROY.126.COM","风花")
</SCRIPT>
这样以来,内容就会减少一些,但如果好像上面的链接有很多很多,这段代码就可以大量的为你减肥了,而且增加了页面的可维护性,这个程序只是一个例子,也许它不合你所需,但这就是我告诉你的方法,你可以自已设计所需的程序,使页面更快更好(比如我的页面上的年月日下拉框就是dw("<option value="+i+">"+i+"</option>"),大大减少了页面网络流量)。另一种用程序减肥的方法就是合里的使用.JS程序,.JS的使用不当会使页面速度下降,但如果合理的使用,自己本地的.JS就另有工效了。通过它可以把不同网页里相同的代码用一个.JS文件保存,使
页面的容量减少,同时还便于以后的页面修改。

发表评论

(required)

This site uses Akismet to reduce spam. Learn how your comment data is processed.