|
昵稱:奈薇建站網(wǎng) |
論壇積分:108000 |
發(fā)貼等級:21 |
|
發(fā)貼數(shù):1156 |
回貼數(shù):1282 |
被砸雞蛋:1 |
獲贈鮮花:182 |
|
|
|
|
發(fā)表時間:2020/2/22 13:21:00 |
樓 主 |
|
|
|
|
|
方法一:優(yōu)化表格提速
表格的使用增加了顯示頁面的時間,有時這樣的時間很長。因為瀏覽器需要在填充表格的內(nèi)容之前完全理解表格的結(jié)構(gòu),在大部分(如果不是全部)表格的內(nèi)容下載之前,瀏覽器什么也不能渲染。當表格變大時,需要處理的信息將呈指數(shù)性增長。在先前的計算機上,這些處理性工作很不容易,表格渲染需要大量時間。
使用表格時間長了,你會發(fā)現(xiàn)大量小表格渲染起來比一個有很多行的大表格快。至少看起來是這樣-真象那么回事(記?。菏歉杏X到的速度,而不是實際速度)。
如果你在用一個九行的表格(每個單元有很多信息),可以把它分成三個各有三行的小表格。如果你的網(wǎng)頁很長,這種策略特別有益-在后面的表格下載時用戶可以看前面的表格。
使用Width屬性
為使你的HTML盡量對瀏覽器友好,應該對<table>和<td>標記適當?shù)厥褂肳idth屬性。這種屬性允許你定義整個表格的寬度,也可以定義單元格的寬度。如果事情并沒有好起來,你應該懷疑瀏覽器-是它的原因。所以只要檢查你是否算對了就行了-如果你把一個單元格設為100個像素寬,可是卻把一個110個像素寬的圖像插入其中,結(jié)果是:表格暫時出現(xiàn),然后當重繪自己以便能容納圖像時又消失了。不用說,瀏覽器的這種過濾作用同它的慢速一樣令人討厭。
把窗體放在表格里不幸的是,不同的瀏覽器和操作系統(tǒng)對窗體元素的處理方式不同。Mac上的下拉菜單比Windows中的要寬很多。Netscape4處理可寫的文本框和處理文本一樣,所以如果增加瀏覽器的缺省字體大小,所有的文本框都會變大。Netscape4中的可寫文本框比其它瀏覽器中的寬20%,而且受字體標記的影響。所以,總而言之,你的窗體在一些用戶看來會很奇怪-除非你有意支配它們。
不要相信所見即所得的編輯器
表格真令人痛苦,這就是為什么所見即所得的HTML編輯器流行起來的原因。但是,在這些編輯器使建表格變得容易的同時,它們也產(chǎn)生了一些令人吃驚的低效率的代碼。特別是GoLive的CyberStudio使用了一種產(chǎn)生夢魘般臃腫表格的布局系統(tǒng)(尤其當你沒有認真按用戶手冊操作時)。
所見即所得編輯器的布局和預覽窗口在處理不必要的嵌套表格、沒有設置合適大小的表格的列或奇怪的、轉(zhuǎn)彎抹角的HTML代碼時感到力不從心。因此,如果你希望你的表格盡可能地苗條和高效,同時又舍不得放棄所見即所得的編輯器,那么只好最后花些時間清理你的代碼。一旦所有內(nèi)容看起來都象那么回事,用文本編輯器打開HTML代碼看看,你會發(fā)現(xiàn)你的表格漂亮而且干凈。
方法二:利用緩存提速
有一個使圖像下載更快的重要技術(shù)。那些在網(wǎng)站中重復出現(xiàn)的像-比如通用標志、頁首或?qū)Ш綏l,不必一遍一遍地下載。缺省地,Netscape和InternetExplorer在RAM或硬盤上設置緩存來存儲最近用到的圖像。如果瀏覽器認識是相同的文件名,它會讀緩存,而不是從網(wǎng)上下載。這種方法大大地提高了效率,以至于很多自動記時程序無法識別-你只好用跑表自己測測了。
既然客戶端的緩存如此有用,在設計網(wǎng)頁時就應考慮到瀏覽器的緩存。例如,如果網(wǎng)站有大量相似的頁首圖形,應試圖把它進行分割,使其中不變的部分能從緩存中立刻讀出來。雖然在每頁還要調(diào)用一個新圖,因為這個圖很小,所以下載很快。
最后,把你的圖像放在一個地方,最好在你的服務器上。這可以減少DNS查找的時間。另外,如果你要存儲圖像的一個或幾個服務器崩潰,將是一件很不幸的事。 |
|
|
|
|
|
奈薇建站網(wǎng)致力于,讓每個中國人、每個中國企業(yè)都擁有自己的“官方網(wǎng)站”! |
|
|
|
|