輕松幾招讓你提高網(wǎng)站訪問(wèn)速度
當(dāng)前位置:點(diǎn)晴教程→閑情逸致
→『 微信好文 』
很多朋友都用虛擬主機(jī)來(lái)做網(wǎng)站,將網(wǎng)頁(yè)文件存放在虛擬空間上,但是頁(yè)面內(nèi)容一多,網(wǎng)站打開(kāi)的速度就顯得特別慢,如果您碰到這種情況,與其尋求更好的空間,不如通過(guò)優(yōu)化網(wǎng)頁(yè)代碼來(lái)取得滿意的速度。筆者總結(jié)了一些切實(shí)可行的方法,制作主頁(yè)時(shí),以下的方法可以令你的網(wǎng)頁(yè)速度大大提高。[br][br] 一、記得幫頁(yè)面減肥 [br] 我們?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é)。[br][br] 二、如沒(méi)必要,盡量使用靜態(tài)html頁(yè)面 [br] 眾所周知,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),如:論壇、留言板等。但是這類程序必須先由服務(wù)器執(zhí)行處理后,生成html頁(yè)面,然后再“送”往客戶端瀏覽,這就不得不耗費(fèi)一定的服務(wù)器資源。如果在虛擬主機(jī)上過(guò)多地使用這類程序,網(wǎng)頁(yè)顯示速度肯定會(huì)慢,所以沒(méi)有必要,請(qǐng)盡量使用靜態(tài)的html頁(yè)面。[br][br] 三、不要將整個(gè)頁(yè)面內(nèi)容塞到一個(gè)table中 [br] 這是網(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)閠able要等里面所有的內(nèi)容都加載完畢后才顯示出來(lái)的,如果某些內(nèi)容無(wú)法訪問(wèn),就會(huì)拖延整個(gè)頁(yè)面的訪問(wèn)速度。正確的做法是:將內(nèi)容分割到幾個(gè)具有相同格局的table中去,不要全都塞到一個(gè)table里。[br][br] 四、將asp、aspx、php等文件的訪問(wèn)改為.js引用 [br] 這在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ì)使用以下的語(yǔ)句引用:,這樣的話,每次有一個(gè)人訪問(wèn)你的網(wǎng)站,服務(wù)器就要執(zhí)行并處理一次#asp文件,從數(shù)據(jù)庫(kù)抽取相應(yīng)的數(shù)據(jù),再輸出給網(wǎng)頁(yè)顯示,如果有幾萬(wàn)個(gè)人同時(shí)訪問(wèn),就要執(zhí)行幾萬(wàn)次,后果就可想而知。建議在這些程序中將數(shù)據(jù)動(dòng)態(tài)生成到一個(gè)1.js文件中去,然后在首頁(yè)通過(guò) < script src="[url=http://xxx.com/1.js]http://xxx.com/1.js[/url]">< /script> 這樣的代碼來(lái)引用該1.js文件。這樣,數(shù)據(jù)顯示的任務(wù)就交給客戶端的瀏覽器去做,不會(huì)耗費(fèi)服務(wù)器的資源,顯示速度自然就很快.[br][br] 五、使用iframe嵌套另一頁(yè)面 [br] 如果你要在網(wǎng)站上插入一些廣告代碼,又不想讓這些廣告網(wǎng)站影響速度的話,那么,使用iframe最合適不過(guò)了。方法是:將這些廣告代碼放到一個(gè)獨(dú)立的頁(yè)面去,然后在首頁(yè)用如下的代碼將該頁(yè)面嵌入即可,這樣就不會(huì)因?yàn)閺V告頁(yè)面的延遲而拖了整個(gè)首頁(yè)的顯示,代碼如下:[br] < iframe marginwidth=0 marginheight=0 src="[url=http://]http://[/url]***.com" frameborder=0 width=468 scrolling=no height=60 leftmargin="0" topmargin="0">< /iframe>[br] 其中[url=http://]http://[/url]***.com是被引用文件的路徑。[br][br] 六、講究網(wǎng)站計(jì)數(shù)器代碼放置的技巧 [br] 在網(wǎng)頁(yè)里放置計(jì)數(shù)器可以統(tǒng)計(jì)網(wǎng)站的訪問(wèn)流量,為站長(zhǎ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ù)器不能訪問(wèn)的時(shí)候,你的頁(yè)面上那個(gè)table或者div就會(huì)產(chǎn)生幾十秒鐘的延遲,導(dǎo)致頁(yè)面很長(zhǎng)時(shí)間才能訪問(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ù)器不能訪問(wèn)的時(shí)候,你的網(wǎng)站速度也不會(huì)受到絲毫影響。[br][br] 七、友情鏈接的學(xué)問(wèn) [br] 網(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)站的訪問(wèn)速度不一樣,整個(gè)表格都要等圖片都下載完了才能顯示出來(lái),這樣大大降低了網(wǎng)頁(yè)的速度。因此,做友情鏈接時(shí)應(yīng)盡量做到:[br][br] 1. 只做文字鏈接:做文字鏈接是不會(huì)延遲網(wǎng)頁(yè)速度的。[br] 2. 將所有鏈接放到一個(gè)獨(dú)立的分頁(yè)去,然后在首頁(yè)鏈接上該頁(yè)。[br] 3. 如果友情鏈接一定要出現(xiàn)在首頁(yè),請(qǐng)將鏈接所在的整個(gè)table放到頁(yè)面的最下方,因?yàn)轫?yè)面是由上到下逐行顯示的,將其放到頁(yè)面的最下方,不會(huì)延遲其他內(nèi)容的顯示。[br] 4. 友情鏈接的logo圖片先下載后再傳到自己的網(wǎng)頁(yè)空間,這樣,速度由自己的網(wǎng)站空間決定而不受友情網(wǎng)站的影響。[br][br]-----------------------------------------------------------------------------------------------------------[br]轉(zhuǎn)載本文請(qǐng)著名出處:just do it ([url=http://toplee.com]http://toplee.com[/url]) lee@toplee.com[br][br]一個(gè)小型的網(wǎng)站,比如個(gè)人網(wǎng)站,可以使用最簡(jiǎn)單的html靜態(tài)頁(yè)面就實(shí)現(xiàn)了,配合一些圖片達(dá)到美化效果,所有的頁(yè)面均存放在一個(gè)目錄下,這樣的網(wǎng)站對(duì)系統(tǒng)架構(gòu)、性能的要求都很簡(jiǎn)單,隨著互聯(lián)網(wǎng)業(yè)務(wù)的不斷豐富,網(wǎng)站相關(guān)的技術(shù)經(jīng)過(guò)這些年的發(fā)展,已經(jīng)細(xì)分到很細(xì)的方方面面,尤其對(duì)于大型網(wǎng)站來(lái)說(shuō),所采用的技術(shù)更是涉及面非常廣,從硬件到軟件、編程語(yǔ)言、數(shù)據(jù)庫(kù)、webserver、防火墻等各個(gè)領(lǐng)域都有了很高的要求,已經(jīng)不是原來(lái)簡(jiǎn)單的html靜態(tài)網(wǎng)站所能比擬的。[br][br]大型網(wǎng)站,比如門(mén)戶網(wǎng)站。在面對(duì)大量用戶訪問(wèn)、高并發(fā)請(qǐng)求方面,基本的解決方案集中在這樣幾個(gè)環(huán)節(jié):使用高性能的服務(wù)器、高性能的數(shù)據(jù)庫(kù)、高效率的編程語(yǔ)言、還有高性能的web容器。但是除了這幾個(gè)方面,還沒(méi)法根本解決大型網(wǎng)站面臨的高負(fù)載和高并發(fā)問(wèn)題。[br][br]上面提供的幾個(gè)解決思路在一定程度上也意味著更大的投入,并且這樣的解決思路具備瓶頸,沒(méi)有很好的擴(kuò)展性,下面我從低成本、高性能和高擴(kuò)張性的角度來(lái)說(shuō)說(shuō)我的一些經(jīng)驗(yàn)。[br][br]1、html靜態(tài)化[br]其實(shí)大家都知道,效率最高、消耗最小的就是純靜態(tài)化的html頁(yè)面,所以我們盡可能使我們的網(wǎng)站上的頁(yè)面采用靜態(tài)頁(yè)面來(lái)實(shí)現(xiàn),這個(gè)最簡(jiǎn)單的方法其實(shí)也是最有效的方法。但是對(duì)于大量?jī)?nèi)容并且頻繁更新的網(wǎng)站,我們無(wú)法全部手動(dòng)去挨個(gè)實(shí)現(xiàn),于是出現(xiàn)了我們常見(jiàn)的信息發(fā)布系統(tǒng)cms,像我們常訪問(wèn)的各個(gè)門(mén)戶站點(diǎn)的新聞?lì)l道,甚至他們的其他頻道,都是通過(guò)信息發(fā)布系統(tǒng)來(lái)管理和實(shí)現(xiàn)的,信息發(fā)布系統(tǒng)可以實(shí)現(xiàn)最簡(jiǎn)單的信息錄入自動(dòng)生成靜態(tài)頁(yè)面,還能具備頻道管理、權(quán)限管理、自動(dòng)抓取等功能,對(duì)于一個(gè)大型網(wǎng)站來(lái)說(shuō),擁有一套高效、可管理的cms是必不可少的。[br][br]除了門(mén)戶和信息發(fā)布類型的網(wǎng)站,對(duì)于交互性要求很高的社區(qū)類型網(wǎng)站來(lái)說(shuō),盡可能的靜態(tài)化也是提高性能的必要手段,將社區(qū)內(nèi)的帖子、文章進(jìn)行實(shí)時(shí)的靜態(tài)化,有更新的時(shí)候再重新靜態(tài)化也是大量使用的策略,像mop的大雜燴就是使用了這樣的策略,網(wǎng)易社區(qū)等也是如此。[br][br]同時(shí),html靜態(tài)化也是某些緩存策略使用的手段,對(duì)于系統(tǒng)中頻繁使用數(shù)據(jù)庫(kù)查詢但是內(nèi)容更新很小的應(yīng)用,可以考慮使用html靜態(tài)化來(lái)實(shí)現(xiàn),比如論壇中論壇的公用設(shè)置信息,這些信息目前的主流論壇都可以進(jìn)行后臺(tái)管理并且存儲(chǔ)再數(shù)據(jù)庫(kù)中,這些信息其實(shí)大量被前臺(tái)程序調(diào)用,但是更新頻率很小,可以考慮將這部分內(nèi)容進(jìn)行后臺(tái)更新的時(shí)候進(jìn)行靜態(tài)化,這樣避免了大量的數(shù)據(jù)庫(kù)訪問(wèn)請(qǐng)求。[br][br]2、圖片服務(wù)器分離[br]大家知道,對(duì)于web服務(wù)器來(lái)說(shuō),不管是apache、iis還是其他容器,圖片是最消耗資源的,于是我們有必要將圖片與頁(yè)面進(jìn)行分離,這是基本上大型網(wǎng)站都會(huì)采用的策略,他們都有獨(dú)立的圖片服務(wù)器,甚至很多臺(tái)圖片服務(wù)器。這樣的架構(gòu)可以降低提供頁(yè)面訪問(wèn)請(qǐng)求的服務(wù)器系統(tǒng)壓力,并且可以保證系統(tǒng)不會(huì)因?yàn)閳D片問(wèn)題而崩潰,在應(yīng)用服務(wù)器和圖片服務(wù)器上,可以進(jìn)行不同的配置優(yōu)化,比如apache在配置contenttype的時(shí)候可以盡量少支持,盡可能少的loadmodule,保證更高的系統(tǒng)消耗和執(zhí)行效率。[br][br]3、數(shù)據(jù)庫(kù)集群和庫(kù)表散列[br]大型網(wǎng)站都有復(fù)雜的應(yīng)用,這些應(yīng)用必須使用數(shù)據(jù)庫(kù),那么在面對(duì)大量訪問(wèn)的時(shí)候,數(shù)據(jù)庫(kù)的瓶頸很快就能顯現(xiàn)出來(lái),這時(shí)一臺(tái)數(shù)據(jù)庫(kù)將很快無(wú)法滿足應(yīng)用,于是我們需要使用數(shù)據(jù)庫(kù)集群或者庫(kù)表散列。[br][br]在數(shù)據(jù)庫(kù)集群方面,很多數(shù)據(jù)庫(kù)都有自己的解決方案,oracle、sybase等都有很好的方案,常用的mysql提供的master/slave也是類似的方案,您使用了什么樣的db,就參考相應(yīng)的解決方案來(lái)實(shí)施即可。[br][br]上面提到的數(shù)據(jù)庫(kù)集群由于在架構(gòu)、成本、擴(kuò)張性方面都會(huì)受到所采用db類型的限制,于是我們需要從應(yīng)用程序的角度來(lái)考慮改善系統(tǒng)架構(gòu),庫(kù)表散列是常用并且最有效的解決方案。我們?cè)趹?yīng)用程序中安裝業(yè)務(wù)和應(yīng)用或者功能模塊將數(shù)據(jù)庫(kù)進(jìn)行分離,不同的模塊對(duì)應(yīng)不同的數(shù)據(jù)庫(kù)或者表,再按照一定的策略對(duì)某個(gè)頁(yè)面或者功能進(jìn)行更小的數(shù)據(jù)庫(kù)散列,比如用戶表,按照用戶id進(jìn)行表散列,這樣就能夠低成本的提升系統(tǒng)的性能并且有很好的擴(kuò)展性。sohu的論壇就是采用了這樣的架構(gòu),將論壇的用戶、設(shè)置、帖子等信息進(jìn)行數(shù)據(jù)庫(kù)分離,然后對(duì)帖子、用戶按照板塊和id進(jìn)行散列數(shù)據(jù)庫(kù)和表,最終可以在配置文件中進(jìn)行簡(jiǎn)單的配置便能讓系統(tǒng)隨時(shí)增加一臺(tái)低成本的數(shù)據(jù)庫(kù)進(jìn)來(lái)補(bǔ)充系統(tǒng)性能。[br][br]4、緩存[br]緩存一詞搞技術(shù)的都接觸過(guò),很多地方用到緩存。網(wǎng)站架構(gòu)和網(wǎng)站開(kāi)發(fā)中的緩存也是非常重要。這里先講述最基本的兩種緩存。高級(jí)和分布式的緩存在后面講述。[br]架構(gòu)方面的緩存,對(duì)apache比較熟悉的人都能知道apache提供了自己的緩存模塊,也可以使用外加的squid模塊進(jìn)行緩存,這兩種方式均可以有效的提高apache的訪問(wèn)響應(yīng)能力。[br]網(wǎng)站程序開(kāi)發(fā)方面的緩存,linux上提供的memory cache是常用的緩存接口,可以在web開(kāi)發(fā)中使用,比如用java開(kāi)發(fā)的時(shí)候就可以調(diào)用memorycache對(duì)一些數(shù)據(jù)進(jìn)行緩存和通訊共享,一些大型社區(qū)使用了這樣的架構(gòu)。另外,在使用web語(yǔ)言開(kāi)發(fā)的時(shí)候,各種語(yǔ)言基本都有自己的緩存模塊和方法,php有pear的cache模塊,java就更多了,.net不是很熟悉,相信也肯定有。[br][br]5、鏡像[br]鏡像是大型網(wǎng)站常采用的提高性能和數(shù)據(jù)安全性的方式,鏡像的技術(shù)可以解決不同網(wǎng)絡(luò)接入商和地域帶來(lái)的用戶訪問(wèn)速度差異,比如chinanet和edunet之間的差異就促使了很多網(wǎng)站在教育網(wǎng)內(nèi)搭建鏡像站點(diǎn),數(shù)據(jù)進(jìn)行定時(shí)更新或者實(shí)時(shí)更新。在鏡像的細(xì)節(jié)技術(shù)方面,這里不闡述太深,有很多專業(yè)的現(xiàn)成的解決架構(gòu)和產(chǎn)品可選。也有廉價(jià)的通過(guò)軟件實(shí)現(xiàn)的思路,比如linux上的rsync等工具。[br][br]6、負(fù)載均衡[br]負(fù)載均衡將是大型網(wǎng)站解決高負(fù)荷訪問(wèn)和大量并發(fā)請(qǐng)求采用的終極解決辦法。[br]負(fù)載均衡技術(shù)發(fā)展了多年,有很多專業(yè)的服務(wù)提供商和產(chǎn)品可以選擇,我個(gè)人接觸過(guò)一些解決方法,其中有兩個(gè)架構(gòu)可以給大家做參考。[br]硬件四層交換[br]第四層交換使用第三層和第四層信息包的報(bào)頭信息,根據(jù)應(yīng)用區(qū)間識(shí)別業(yè)務(wù)流,將整個(gè)區(qū)間段的業(yè)務(wù)流分配到合適的應(yīng)用服務(wù)器進(jìn)行處理?!〉谒膶咏粨Q功能就象是虛ip,指向物理服務(wù)器。它傳輸?shù)臉I(yè)務(wù)服從的協(xié)議多種多樣,有http、ftp、nfs、telnet或其他協(xié)議。這些業(yè)務(wù)在物理服務(wù)器基礎(chǔ)上,需要復(fù)雜的載量平衡算法。在ip世界,業(yè)務(wù)類型由終端tcp或udp端口地址來(lái)決定,在第四層交換中的應(yīng)用區(qū)間則由源端和終端ip地址、tcp和udp端口共同決定。[br]在硬件四層交換產(chǎn)品領(lǐng)域,有一些知名的產(chǎn)品可以選擇,比如alteon、f5等,這些產(chǎn)品很昂貴,但是物有所值,能夠提供非常優(yōu)秀的性能和很靈活的管理能力。yahoo中國(guó)當(dāng)初接近2000臺(tái)服務(wù)器使用了三四臺(tái)alteon就搞定了。[br][br]軟件四層交換[br]大家知道了硬件四層交換機(jī)的原理后,基于osi模型來(lái)實(shí)現(xiàn)的軟件四層交換也就應(yīng)運(yùn)而生,這樣的解決方案實(shí)現(xiàn)的原理一致,不過(guò)性能稍差。但是滿足一定量的壓力還是游刃有余的,有人說(shuō)軟件實(shí)現(xiàn)方式其實(shí)更靈活,處理能力完全看你配置的熟悉能力。[br]軟件四層交換我們可以使用linux上常用的lvs來(lái)解決,lvs就是linux virtual server,他提供了基于心跳線heartbeat的實(shí)時(shí)災(zāi)難應(yīng)對(duì)解決方案,提高系統(tǒng)的魯棒性,同時(shí)可供了靈活的虛擬vip配置和管理功能,可以同時(shí)滿足多種應(yīng)用需求,這對(duì)于分布式的系統(tǒng)來(lái)說(shuō)必不可少。[br][br]一個(gè)典型的使用負(fù)載均衡的策略就是,在軟件或者硬件四層交換的基礎(chǔ)上搭建squid集群,這種思路在很多大型網(wǎng)站包括搜索引擎上被采用,這樣的架構(gòu)低成本、高性能還有很強(qiáng)的擴(kuò)張性,隨時(shí)往架構(gòu)里面增減節(jié)點(diǎn)都非常容易。這樣的架構(gòu)我準(zhǔn)備空了專門(mén)詳細(xì)整理一下和大家探討。[br][br]對(duì)于大型網(wǎng)站來(lái)說(shuō),前面提到的每個(gè)方法可能都會(huì)被同時(shí)使用到,我這里介紹得比較淺顯,具體實(shí)現(xiàn)過(guò)程中很多細(xì)節(jié)還需要大家慢慢熟悉和體會(huì),有時(shí)一個(gè)很小的squid參數(shù)或者apache參數(shù)設(shè)置,對(duì)于系統(tǒng)性能的影響就會(huì)很大,希望大家一起討論,達(dá)到拋磚引玉之效。[br][br]----------------------------------------------------------------------------------------------------------[br]常規(guī)方法: [br]1.用acdsee將圖片壓縮 [br]2.分頁(yè),將一個(gè)頁(yè)面做成多個(gè) [br]3.不要將所有的圖、flash等在同一個(gè)表格中,因?yàn)閕e會(huì)將一個(gè)表格中所有內(nèi)容都下載完后才顯示出來(lái),你可以放在多個(gè)表格中,下載一個(gè)就會(huì)顯示一個(gè)。 [br]4.換個(gè)服務(wù)器快的空間
該文章在 2010/7/23 0:06:23 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |