網頁加速系列(三)、 網頁加速之網頁減肥篇

為完成頁面減肥就要先說說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.