建站常識(shí)
網(wǎng)站優(yōu)化的七大技巧
2006-04-29 15:33:00
網(wǎng)站速度,筆者總結(jié)了一些切實(shí)可行的方法,制作主頁(yè)時(shí),以下的方法可以令你的網(wǎng)頁(yè)速度大大提高。
一.記得幫頁(yè)面減肥
我們?yōu)g覽網(wǎng)頁(yè)實(shí)際上是將虛擬主機(jī)中的網(wǎng)頁(yè)內(nèi)容下載到本地硬盤(pán),再用瀏覽器解釋查看的。下載網(wǎng)頁(yè)的快慢在顯示速度上占了很大比重,所以,網(wǎng)頁(yè)本身所占的空間越小,那么瀏覽速度就會(huì)越快。這就要求在做網(wǎng)頁(yè)的時(shí)候遵循一切從簡(jiǎn)的原則,如:不要使用太大的Flash動(dòng)畫(huà)、圖片等資源。干凈、簡(jiǎn)潔的頁(yè)面會(huì)給人一種思路明朗的感覺(jué)。
?。ㄒ唬?、如沒(méi)必要,盡量使用靜態(tài)HTML頁(yè)面
眾所周知,ASP、PHP、JSP等程序?qū)崿F(xiàn)了網(wǎng)頁(yè)信息的動(dòng)態(tài)交互,運(yùn)行起來(lái)的確非常方便,因?yàn)樗鼈兊臄?shù)據(jù)交互性好,能很方便地存取、更改數(shù)據(jù)庫(kù)的內(nèi)容,使網(wǎng)站“動(dòng)”起來(lái),如:論壇、留言板等。但是這類(lèi)程序必須先由服務(wù)器執(zhí)行處理后,生成HTML頁(yè)面,然后再“送”往客戶(hù)端瀏覽,這就不得不耗費(fèi)一定的服務(wù)器資源。如果在虛擬主機(jī)上過(guò)多地使用這類(lèi)程序,網(wǎng)頁(yè)顯示速度肯定會(huì)慢,所以沒(méi)有必要,請(qǐng)盡量使用靜態(tài)的HTML頁(yè)面。 這一點(diǎn)可以參考http://www.routease.com/home.htm
二.將整個(gè)頁(yè)面內(nèi)容塞到一個(gè)Table中
這是網(wǎng)頁(yè)設(shè)計(jì)的問(wèn)題了,很多站長(zhǎng)為了追求頁(yè)面統(tǒng)一對(duì)齊,將整個(gè)頁(yè)面的內(nèi)容都塞進(jìn)了一個(gè)Table(表格)里,然后再由單元格td來(lái)劃分各個(gè)“塊”的布局,這種網(wǎng)站的顯示速度是絕對(duì)慢的。因?yàn)門(mén)able要等里面所有的內(nèi)容都加載完畢后才顯示出來(lái)的,如果某些內(nèi)容無(wú)法訪(fǎng)問(wèn),就會(huì)拖延整個(gè)頁(yè)面的訪(fǎng)問(wèn)速度。正確的做法是:將內(nèi)容分割到幾個(gè)具有相同格局的Table中去,不要全都塞到一個(gè)Table里。
三.將ASP、ASPX、PHP等文件的訪(fǎng)問(wèn)改為.js引用。
這在ASP、ASPX、PHP等程序設(shè)計(jì)時(shí)應(yīng)該注意的,如果你要在靜態(tài)的HTML頁(yè)面里嵌入動(dòng)態(tài)的數(shù)據(jù),而這些動(dòng)態(tài)的數(shù)據(jù)是由ASP、PHP等程序來(lái)提供的話(huà),會(huì)使用以下的語(yǔ)句引用:,這樣的話(huà),每次有一個(gè)人訪(fǎng)問(wèn)你的網(wǎng)站,服務(wù)器就要執(zhí)行并處理一次#asp文件,從數(shù)據(jù)庫(kù)抽取相應(yīng)的數(shù)據(jù),再輸出給網(wǎng)頁(yè)顯示,如果有幾萬(wàn)個(gè)人同時(shí)訪(fǎng)問(wèn),就要執(zhí)行幾萬(wàn)次,后果就可想而知。建議在這些程序中將數(shù)據(jù)動(dòng)態(tài)生成到一個(gè)1.js文件中去,然后在首頁(yè)通過(guò) < SCRIPT src="http://www.XXX.com/1.js">< /SCRIPT> 這樣的代碼來(lái)引用該1.js文件。這樣,數(shù)據(jù)顯示的任務(wù)就交給客戶(hù)端的瀏覽器去做,不會(huì)耗費(fèi)服務(wù)器的資源,顯示速度自然就很快;筆者的網(wǎng)站 www.routease.com 下的home.htm文件,里面有大量的js引用,js的內(nèi)容通過(guò)后臺(tái)程序自動(dòng)生成的,這樣訪(fǎng)問(wèn)的速度就非??炝?。
五.使用iframe嵌套另一頁(yè)面。
如果你要在網(wǎng)站上插入一些廣告代碼,又不想讓這些廣告網(wǎng)站影響速度的話(huà),那么,使用iframe最合適不過(guò)了。方法是:將這些廣告代碼放到一個(gè)獨(dú)立的頁(yè)面去,然后在首頁(yè)用如下的代碼將該頁(yè)面嵌入即可,這樣就不會(huì)因?yàn)閺V告頁(yè)面的延遲而拖了整個(gè)首頁(yè)的顯示,代碼如下:
<iframe align="center" width="780" height="30" name="all" scrolling="no" marginWidth=0 frameborder="0" src=" http://www.routease.com/headToolBar.jsp"></iframe>
其中http://www.routease.com/headToolBar.jsp 就是被引用的文件路徑。
六.講究網(wǎng)站計(jì)數(shù)器代碼放置的技巧
在網(wǎng)頁(yè)里放置計(jì)數(shù)器可以統(tǒng)計(jì)網(wǎng)站的訪(fǎng)問(wèn)流量,為站長(zhǎng)和廣告商家提供訪(fǎng)問(wèn)依據(jù),但是,不管功能有多強(qiáng)大的網(wǎng)站統(tǒng)計(jì)系統(tǒng),都會(huì)有出故障的時(shí)候。如果直接把統(tǒng)計(jì)代碼放到頁(yè)面內(nèi)容的前面,或者放在一個(gè)Table或者div標(biāo)簽里,那么在計(jì)數(shù)器不能訪(fǎng)問(wèn)的時(shí)候,你的頁(yè)面上那個(gè)Table或者div就會(huì)產(chǎn)生幾十秒鐘的延遲,導(dǎo)致頁(yè)面很長(zhǎng)時(shí)間才能訪(fǎng)問(wèn)。所以,要提高網(wǎng)站的速度,就要講究統(tǒng)計(jì)代碼放置的位置,正確的方法是:把統(tǒng)計(jì)代碼放到頁(yè)面的最下面,并且不要和頁(yè)面內(nèi)容同在一個(gè)Table或者div標(biāo)簽里??梢栽陧?yè)面代碼的最下方直接放置統(tǒng)計(jì)代碼,或者在最下方單獨(dú)做一個(gè)Table或者div來(lái)放置計(jì)數(shù)器。這樣,在計(jì)數(shù)器不能訪(fǎng)問(wèn)的時(shí)候,你的網(wǎng)站速度也不會(huì)受到絲毫影響。
七.友情鏈接的學(xué)問(wèn)
網(wǎng)站之間互相做鏈接可以增加網(wǎng)站的宣傳效果,做LOGO圖片鏈接更能準(zhǔn)確地描述網(wǎng)站的主題和定位,宣傳效果會(huì)大大的增強(qiáng),但圖片鏈接做得太多,必然會(huì)影響網(wǎng)頁(yè)的顯示速度。很多站長(zhǎng)都喜歡直接引用友情網(wǎng)站上的圖片URL,這樣圖片要先經(jīng)過(guò)加載才能顯示的,各個(gè)友情網(wǎng)站的訪(fǎng)問(wèn)速度不一樣,整個(gè)表格都要等圖片都下載完了才能顯示出來(lái),這樣大大降低了網(wǎng)頁(yè)的速度。因此,做友情鏈接時(shí)應(yīng)盡量做到:
1.只做文字鏈接:做文字鏈接是不會(huì)延遲網(wǎng)頁(yè)速度的。
2.將所有鏈接放到一個(gè)獨(dú)立的分頁(yè)去,然后在首頁(yè)鏈接上該頁(yè)。
3.如果友情鏈接一定要出現(xiàn)在首頁(yè),請(qǐng)將鏈接所在的整個(gè)Table放到頁(yè)面的最下方,因?yàn)轫?yè)面是由上到下逐行顯示的,將其放到頁(yè)面的最下方,不會(huì)延遲其他內(nèi)容的顯示。
4.友情鏈接的LOGO圖片先下載后再傳到自己的網(wǎng)頁(yè)空間,這樣,速度由自己的網(wǎng)站空間決定而不受友情網(wǎng)站的影響。
這一點(diǎn)可以參考 http://www.routease.com/friendLink.htm
總之,網(wǎng)站速度優(yōu)化還有很多途徑,尤其是在網(wǎng)站建設(shè)初期的架構(gòu)上要多采用靜態(tài)頁(yè)面展現(xiàn)+的架構(gòu),只有這樣才能從根本上提高網(wǎng)站訪(fǎng)問(wèn)速度。
近期更新
- [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-03-10 21:35:00] 解構(gòu)用戶(hù)研究
- [2006-08-08 11:11:00] 如何正確的審識(shí)一幅優(yōu)秀的網(wǎng)頁(yè)作品
- [2009-12-19 10:06:00] 瞬間設(shè)計(jì)(三)
- [2009-06-23 14:22:00] 如何設(shè)計(jì)廣告的用戶(hù)體驗(yàn)?
- [2007-10-16 14:45:00] 圖標(biāo)可用性測(cè)試
- [2009-09-08 21:20:00] 用戶(hù)體驗(yàn)與團(tuán)隊(duì)建設(shè)
- [2016-11-28 16:27:00] 阿里云跨境出海
- [2007-04-18 09:08:00] 怎么讓按鈕更容易被點(diǎn)擊
- [2016-03-04 10:35:16] 跨境電商稅改新政實(shí)施
- [2007-12-03 22:42:00] 有感豆瓣的改版
- [2016-03-03 10:56:23] 順應(yīng)電商趨勢(shì),傳統(tǒng)行業(yè)要不要做電商?
- [2009-11-04 11:26:00] 從零開(kāi)始設(shè)計(jì)一個(gè)漂亮的網(wǎng)頁(yè)
解決方案
輪胎行業(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)鍵字
響應(yīng)式設(shè)計(jì) 青島好的網(wǎng)站優(yōu)化公司 網(wǎng)站設(shè)計(jì) 網(wǎng)站品牌 頁(yè)面設(shè)計(jì) 微信小程序 交互設(shè)計(jì) 網(wǎng)站規(guī)劃 企業(yè)網(wǎng)站為什么要備案 網(wǎng)站設(shè)計(jì)資訊 SEO 外貿(mào)網(wǎng)站建設(shè) 網(wǎng)站的速度 網(wǎng)站交互設(shè)計(jì) robots 微官網(wǎng) 青島網(wǎng)站制作 HTML5 集團(tuán)官網(wǎng) 程序開(kāi)發(fā) 青島網(wǎng)頁(yè)設(shè)計(jì) 官網(wǎng)網(wǎng)站建設(shè) 手機(jī)網(wǎng)站建設(shè) 新的元素 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 營(yíng)銷(xiāo)策略 網(wǎng)站推廣 輪胎網(wǎng)站設(shè)計(jì) 手機(jī)網(wǎng)站 空白和簡(jiǎn)潔的設(shè)計(jì)