當前位置: 首頁 > 新聞中心 > 網站建設
提高網頁下載速度的網頁制作方法
作者:滄州奇人 來源:本站 發布時間:2012/6/15 16:46:50 閱讀次數:
提高網頁下載速度的網頁制作方法
方法一:優化表格提速

    表格的使用增加了顯示頁面的時間,有時這樣的時間很長。因為瀏覽器需要在填充表格的內容之前完全理解表格的結構,在大部分(如果不是全部)表格的內容下載之前,瀏覽器什么 也不能渲染。當表格變大時,需要處理的信息將呈指數性增長。在先前的計算機上,這些處理性工作很不容易,表格渲染 需要大量時間。

    使用表格時間長了,你會發現大量小表格渲染起來比一個有很多行的大表格快。至少看起來是這樣 - 真象那么回事(記住:是感覺到的速度,而不是實際速度)。

    如果在用一個九行的表格(每個單元有很多信息),可以把它分成三個各有三行的小表格。如果你的網頁很長,這種策略特別有益 - 在后面的表格下載時用戶可以看前面的表格。

使用Width屬性

    為使HTML盡量對瀏覽器友好,應該對< table> 和 < td>標記適當地使用Width屬性。這種屬性允許定義整個表格的寬度,也可以定義單元格的寬度。如果事情并沒有好起來,你應該懷疑瀏覽器 - 是它的原因。所以只要檢查你是否算對了就行了 - 如果你把一個單元格設為100個像素寬,可是卻把一個110個像素寬的圖像插入其中,結果是:表格暫時出現,然后當重繪自己以便能容納圖像時又消失了。不用說,瀏覽器的這種過濾作用同它的慢速一樣令人討厭。

    把窗體放在表格里不幸的是,不同的瀏覽器和操作系統對窗體元素的處理方式不同。Mac上的下拉菜單比Windows中的要寬很多。Netscape 4 處理可寫的文本框和處理文本一樣,所以如果增加瀏覽器的缺省字體大小,所有的文本框都會變大。Netscape 4中的可寫文本框比其它瀏覽器中的寬20%,而且受字體標記的影響。

    不要相信所見即所得的編輯器

    表格真令人痛苦,這就是為什么所見即所得的HTML編輯器流行起來的原因。但是,在這些編輯器使建表格變得容易的同時,它們也產生了一些令人吃驚的低效率的代碼。特別是GoLive 的CyberStudio使用了一種產生夢魘般臃腫表格的布局系統(尤其當你沒有認真按用戶手冊操作時)。

    所見即所得編輯器的布局和預覽窗口在處理不必要的嵌套表格、沒有設置合適大小的表格的列或奇怪的、轉彎抹角的HTML代碼時感到力不從心。因此,如果你希望你的表格盡可能地苗條和高效,同時又舍不得放棄所見即所得的編輯器,那么只好最后花些時間清理你的代碼。一旦所有內容看起來都象那么回事,用文本編輯器打開HTML代碼看看,你會發現你的表格漂亮而且干凈。

方法二:利用緩存提速

    有一個使圖像下載更快的重要技術。那些在網站中重復出現的像 - 比如通用標志、頁首或導航條,不必一遍一遍地下載。缺省地,Netscape和Internet Explorer在RAM或硬盤上設置緩存來存儲最近用到的圖像。如果瀏覽器認識是相同的文件名,它會讀緩存,而不是從網上下載。這種方法大大地提高 了效率,以至于很多自動記時程序無法識別 - 你只好用跑表自己測測了。

    既然客戶端的緩存如此有用,在設計網頁時就應考慮到瀏覽器的緩存。例如,如果網站有大量相似的頁首圖形,應試圖把它進行分割,使其中不變的部分能從緩存中立刻讀出來。雖然在每頁還要調用一個新圖,因為這個圖很小,所以下載很快。

滄州引航網絡信息有限公司  版權所有  地址:滄州市欣怡商務中心4樓402室
電話:0317-3587328 手機:13313375438微信同號業務QQ:459214288  
大明星怎么玩