建站常識(shí)
提高網(wǎng)頁(yè)下載速度的網(wǎng)頁(yè)制作方法二則
2006-04-27 11:59:00
方法一:優(yōu)化表格提速
表格的使用增加了顯示頁(yè)面的時(shí)間,有時(shí)這樣的時(shí)間很長(zhǎng)。因?yàn)闉g覽器需要在填充表格的內(nèi)容之前完全理解表格的結(jié)構(gòu),在大部分(如果不是全部)表格的內(nèi)容下載之前,瀏覽器什么 也不能渲染。當(dāng)表格變大時(shí),需要處理的信息將呈指數(shù)性增長(zhǎng)。在先前的計(jì)算機(jī)上,這些處理性工作很不容易,表格渲染 需要大量時(shí)間。
使用表格時(shí)間長(zhǎng)了,你會(huì)發(fā)現(xiàn)大量小表格渲染起來(lái)比一個(gè)有很多行的大表格快。至少看起來(lái)是這樣 - 真象那么回事(記住:是感覺(jué)到的速度,而不是實(shí)際速度)。
如果你在用一個(gè)九行的表格(每個(gè)單元有很多信息),可以把它分成三個(gè)各有三行的小表格。如果你的網(wǎng)頁(yè)很長(zhǎng),這種策略特別有益 - 在后面的表格下載時(shí)用戶(hù)可以看前面的表格。
使用Width屬性
為使你的HTML盡量對(duì)瀏覽器友好,應(yīng)該對(duì)< table> 和 < td>標(biāo)記適當(dāng)?shù)厥褂肳idth屬性。這種屬性允許你定義整個(gè)表格的寬度,也可以定義單元格的寬度。如果事情并沒(méi)有好起來(lái),你應(yīng)該懷疑瀏覽器 - 是它的原因。所以只要檢查你是否算對(duì)了就行了 - 如果你把一個(gè)單元格設(shè)為100個(gè)像素寬,可是卻把一個(gè)110個(gè)像素寬的圖像插入其中,結(jié)果是:表格暫時(shí)出現(xiàn),然后當(dāng)重繪自己以便能容納圖像時(shí)又消失了。不用說(shuō),瀏覽器的這種過(guò)濾作用同它的慢速一樣令人討厭。
把窗體放在表格里不幸的是,不同的瀏覽器和操作系統(tǒng)對(duì)窗體元素的處理方式不同。Mac上的下拉菜單比Windows中的要寬很多。Netscape 4 處理可寫(xiě)的文本框和處理文本一樣,所以如果增加瀏覽器的缺省字體大小,所有的文本框都會(huì)變大。Netscape 4中的可寫(xiě)文本框比其它瀏覽器中的寬20%,而且受字體標(biāo)記的影響。所以, 總而言之,你的窗體在一些用戶(hù)看來(lái)會(huì)很奇怪 - 除非你有意支配它們。
不要相信所見(jiàn)即所得的編輯器
表格真令人痛苦,這就是為什么所見(jiàn)即所得的HTML編輯器流行起來(lái)的原因。但是,在這些編輯器使建表格變得容易的同時(shí),它們也產(chǎn)生了一些令人吃驚的低效率的代碼。特別是GoLive 的CyberStudio使用了一種產(chǎn)生夢(mèng)魘般臃腫表格的布局系統(tǒng)(尤其當(dāng)你沒(méi)有認(rèn)真按用戶(hù)手冊(cè)操作時(shí))。
所見(jiàn)即所得編輯器的布局和預(yù)覽窗口在處理不必要的嵌套表格、沒(méi)有設(shè)置合適大小的表格的列或奇怪的、轉(zhuǎn)彎抹角的HTML代碼時(shí)感到力不從心。因此,如果你希望你的表格盡可能地苗條和高效,同時(shí)又舍不得放棄所見(jiàn)即所得的編輯器,那么只好最后花些時(shí)間清理你的代碼。一旦所有內(nèi)容看起來(lái)都象那么回事,用文本編輯器打開(kāi)HTML代碼看看,你會(huì)發(fā)現(xiàn)你的表格漂亮而且干凈。
方法二:利用緩存提速
有一個(gè)使圖像下載更快的重要技術(shù)。那些在網(wǎng)站中重復(fù)出現(xiàn)的像 - 比如通用標(biāo)志、頁(yè)首或?qū)Ш綏l,不必一遍一遍地下載。缺省地,Netscape和Internet Explorer在RAM或硬盤(pán)上設(shè)置緩存來(lái)存儲(chǔ)最近用到的圖像。如果瀏覽器認(rèn)識(shí)是相同的文件名,它會(huì)讀緩存,而不是從網(wǎng)上下載。這種方法大大地提高 了效率,以至于很多自動(dòng)記時(shí)程序無(wú)法識(shí)別 - 你只好用跑表自己測(cè)測(cè)了。
既然客戶(hù)端的緩存如此有用,在設(shè)計(jì)網(wǎng)頁(yè)時(shí)就應(yīng)考慮到瀏覽器的緩存。例如,如果網(wǎng)站有大量相似的頁(yè)首圖形,應(yīng)試圖把它進(jìn)行分割,使其中不變的部分能從緩存中立刻讀出來(lái)。雖然在每頁(yè)還要調(diào)用一個(gè)新圖,因?yàn)檫@個(gè)圖很小,所以下載很快。
最后,把你的圖像放在一個(gè)地方,最好在你的服務(wù)器上。這可以減少DNS查找的時(shí)間。另外,如果你要存儲(chǔ)圖像的一個(gè)或幾個(gè)服務(wù)器崩潰,將是一件很不幸的事。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2010-05-17 17:18:00] 何處安放的Loading
- [2011-10-21 14:49:21] “內(nèi)容王國(guó)”繼續(xù)擴(kuò)張,亞馬遜將繞過(guò)出版商與作家直接簽約
- [2010-03-31 12:06:00] 設(shè)計(jì)中的色彩:黃色
- [2010-09-03 15:20:00] 案例—減少用戶(hù)的思考
- [2009-08-23 17:45:00] 社會(huì)化音樂(lè):在夾縫中生出花來(lái)
- [2007-04-11 08:56:00] 什么是最好的正文字體
- [2012-10-23 11:25:34] 網(wǎng)站設(shè)計(jì)中圖標(biāo)的寓意
- [2005-12-29 20:33:00] 網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格和色彩搭配經(jīng)驗(yàn)談
- [2010-07-16 08:13:00] 談?wù)勅∠I與撤消鍵的使用
- [2009-06-27 22:44:00] 可訪問(wèn)性—前端的使命(三)
- [2019-05-20 10:03:27] 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)中導(dǎo)航的走向
- [2010-05-05 21:47:00] 產(chǎn)品設(shè)計(jì)的本能層、行為層與反思層
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
高端網(wǎng)站設(shè)計(jì) 青島輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站優(yōu)化 青島SEO 網(wǎng)站改版 手機(jī)網(wǎng)站 H5定制設(shè)計(jì) 集團(tuán)性網(wǎng)站 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 微信開(kāi)發(fā) 青島海洋投資集團(tuán) 微信營(yíng)銷(xiāo)的優(yōu)勢(shì) 輪胎網(wǎng)站設(shè)計(jì) robots 青島做網(wǎng)站多少錢(qián) H5 青島IT資訊 頁(yè)面設(shè)計(jì) 新的元素 微官網(wǎng) 青島輪胎網(wǎng)站設(shè)計(jì)公司 程序開(kāi)發(fā) 手機(jī)端的網(wǎng)站 網(wǎng)站品牌 GOOGLE 響應(yīng)式設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì) 如何做網(wǎng)站優(yōu)化 網(wǎng)站制作 網(wǎng)站設(shè)計(jì)