国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網(wǎng)站 > WEB開發(fā) > 正文

提高網(wǎng)頁下載速度的網(wǎng)頁制作方法二則

2024-04-27 13:55:24
字體:
供稿:網(wǎng)友

方法一:優(yōu)化表格提速

表格的使用增加了顯示頁面的時(shí)間,有時(shí)這樣的時(shí)間很長。因?yàn)闉g覽器需要在填充表格的內(nèi)容之前完全理解表格的結(jié)構(gòu),在大部分(如果不是全部)表格的內(nèi)容下載之前,瀏覽器什么 也不能渲染。當(dāng)表格變大時(shí),需要處理的信息將呈指數(shù)性增長。在先前的計(jì)算機(jī)上,這些處理性工作很不容易,表格渲染 需要大量時(shí)間。

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

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

使用Width屬性


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

把窗體放在表格里不幸的是,不同的瀏覽器和操作系統(tǒng)對窗體元素的處理方式不同。Mac上的下拉菜單比Windows中的要寬很多。Netscape 4 處理可寫的文本框和處理文本一樣,所以如果增加瀏覽器的缺省字體大小,所有的文本框都會(huì)變大。Netscape 4中的可寫文本框比其它瀏覽器中的寬20%,而且受字體標(biāo)記的影響。所以, 總而言之,你的窗體在一些用戶看來會(huì)很奇怪 - 除非你有意支配它們。

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


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

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

方法二:利用緩存提速

有一個(gè)使圖像下載更快的重要技術(shù)。那些在網(wǎng)站中重復(fù)出現(xiàn)的像 - 比如通用標(biāo)志、頁首或?qū)Ш綏l,不必一遍一遍地下載。缺省地,Netscape和Internet Explorer在RAM或硬盤上設(shè)置緩存來存儲(chǔ)最近用到的圖像。如果瀏覽器認(rèn)識(shí)是相同的文件名,它會(huì)讀緩存,而不是從網(wǎng)上下載。這種方法大大地提高 了效率,以至于很多自動(dòng)記時(shí)程序無法識(shí)別 - 你只好用跑表自己測測了。

既然客戶端的緩存如此有用,在設(shè)計(jì)網(wǎng)頁時(shí)就應(yīng)考慮到瀏覽器的緩存。例如,如果網(wǎng)站有大量相似的頁首圖形,應(yīng)試圖把它進(jìn)行分割,使其中不變的部分能從緩存中立刻讀出來。雖然在每頁還要調(diào)用一個(gè)新圖,因?yàn)檫@個(gè)圖很小,所以下載很快。

最后,把你的圖像放在一個(gè)地方,最好在你的服務(wù)器上。這可以減少DNS查找的時(shí)間。另外,如果你要存儲(chǔ)圖像的一個(gè)或幾個(gè)服務(wù)器崩潰,將是一件很不幸的事。


發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 高唐县| 栾川县| 广汉市| 眉山市| 卓资县| 酒泉市| 绍兴市| 平原县| 凌源市| 霍邱县| 黑水县| 灌南县| 乌审旗| 天镇县| 都匀市| 重庆市| 义马市| 吴旗县| 扎鲁特旗| 延川县| 长阳| 芮城县| 扎赉特旗| 尚义县| 沙湾县| 紫阳县| 永寿县| 青海省| 石林| 泸西县| 德化县| 天津市| 天镇县| 仙游县| 永和县| 招远市| 商河县| 五常市| 徐州市| 伊通| 阳朔县|