如果你的網(wǎng)站打開(kāi)速率過(guò)慢網(wǎng)站打開(kāi)速度慢 如何優(yōu)化，而你又不知道該怎么解決，那么這篇文章是非看不可了。*敏*感*詞*的教你怎么排查網(wǎng)站打開(kāi)慢的緣由，以及優(yōu)化方式。

　　排查網(wǎng)站打開(kāi)速率慢的緣由：

　　1 網(wǎng)站服務(wù)器速率或租用空間所在服務(wù)器速率

　　服務(wù)器空間速率是網(wǎng)站打開(kāi)速率快的硬件基礎，也是先決條件。否則縱使你網(wǎng)站頁(yè)面設計的特別"苗條"，網(wǎng)站打開(kāi)速率也會(huì )打折扣。解決辦法：要找你的空間商解決或換空間商。

　　如何測量服務(wù)器速率快慢呢?

　　方法一： ping命令看聯(lián)接到服務(wù)器的時(shí)間和丟包情況。

　　1>單擊“開(kāi)始”鍵并選擇運行；接著(zhù)在“運行”對話(huà)框中輸入cmd

　　注：有的可能是輸入command，也有可能有的windows不帶DOS系統。

　　2>鍵入Ping和您要測試的網(wǎng)址(比如：Ping -t)。然后回車(chē)，便得到你訪(fǎng)問(wèn)服務(wù)器的回時(shí)間。

　　一般，“PING”命令會(huì )手動(dòng)進(jìn)行下去，直到你使它中止，如敲“ctrl +C”。如果你熟悉使用Telnet中PING的功能，并且你具有在不同網(wǎng)路上的Telnet賬號，你就可以以不同的網(wǎng)路為基礎，對其他的主機（IP地址或域名）進(jìn)行PING的測試，你可以比較在不同的訪(fǎng)問(wèn)點(diǎn)那些被訪(fǎng)問(wèn)主機的回應時(shí)間，并得到“丟包率”、平均回應時(shí)間等測試結果。

　　time：顯示了信息包抵達遠程主機后返回的時(shí)間。計算定位為微秒。數值越小速率越快。

　　lost：丟包情況。

　　TTL：生存時(shí)間 指定數據包被路由器遺棄之前容許通過(guò)的網(wǎng)關(guān)數目。

　　一個(gè)速率好的機房，首先丟包率不能超過(guò)1％，最好是1000個(gè)沒(méi)有一個(gè)丟包，這種是最理想的，但是這個(gè)不是絕對值，只要高于1％的都屬于不錯的路由情況了。

　　其次ping值要小，同城的聯(lián)通adsl ping平均值絕對不能超過(guò)20，一般在10，跨省的adsl ping平均值應當在20-40屬于正常。

　　第三點(diǎn)是ping值要均勻，如果最小的ping值只有4，但是不時(shí)的有幾十，最大有79的出現，這個(gè)就是路由不穩定的表現，同樣的聯(lián)通的adsl，盡管最小也有8，但是最大也只有9，就說(shuō)明路由穩定。

　　方法二： 查看登臺服務(wù)器上其它網(wǎng)站的打開(kāi)速率。

　　相同IP地址站點(diǎn)查詢(xún)網(wǎng)址：

　　通過(guò)前面的查詢(xún)工具可以看見(jiàn)和自已在同一臺服務(wù)器上的網(wǎng)站個(gè)數和網(wǎng)址?？梢郧魄破渌W(wǎng)站是否打開(kāi)也慢呢。

　　2 電信和移動(dòng)互訪(fǎng)困局問(wèn)題。

　　如果空間打開(kāi)的速率時(shí)快時(shí)慢，甚至有時(shí)候打不開(kāi)，那就是空間不穩定的誘因。要找你的空間商解決或換空間商了；如果是在有的地方打開(kāi)速率快，有的地方打開(kāi)速率慢，那應當是網(wǎng)路線(xiàn)路的問(wèn)題。電信線(xiàn)路用戶(hù)訪(fǎng)問(wèn)放到移動(dòng)服務(wù)器的網(wǎng)站，聯(lián)通線(xiàn)路用戶(hù)訪(fǎng)問(wèn)置于聯(lián)通服務(wù)器上的網(wǎng)站，相對來(lái)說(shuō)打開(kāi)速率肯定是比較慢。

　　解決辦法：如果選購空間的話(huà)，建議訂購雙線(xiàn)空間或多線(xiàn)空間。這已不是新鮮的概念，大部分的虛擬主機商都有兩線(xiàn)或多線(xiàn)空間，價(jià)格高一些，但是從用戶(hù)體驗角度來(lái)說(shuō)是物有所值的。

　　3 從網(wǎng)站本身找問(wèn)題，網(wǎng)站的問(wèn)題包括網(wǎng)站程序設計，網(wǎng)頁(yè)設計結構，網(wǎng)頁(yè)內容三個(gè)部份。

　　網(wǎng)站程序設計：

　　1>網(wǎng)頁(yè)中若果有幻燈片播放療效的代碼，需要審查一下，是否嚴重拖慢網(wǎng)站打開(kāi)速率。

　　2>如果排除各方面緣由，可以找搞程序設計的相關(guān)專(zhuān)業(yè)人士，查看程序的設計結構是否合理。

　　網(wǎng)頁(yè)設計結構：

　　1>如果是table布局的網(wǎng)站，查看是否嵌套次數多很，或是一個(gè)大表格之后分成多個(gè)表格這樣的網(wǎng)頁(yè)布局。解決辦法：建議用div布局，配合css ，這樣除了打開(kāi)速率快，也有利于更改。

　　2>如果網(wǎng)站中有統計代碼，在線(xiàn)客服或是其它js代碼，看看是否放在了網(wǎng)頁(yè)代碼的最前面。解決辦法：最好盡可能的放在網(wǎng)頁(yè)代碼最后，當網(wǎng)站代碼加載完畢，才執行這種代碼。

　　3>可能有錯誤的代碼

　　一種情況是查看一下網(wǎng)頁(yè)代碼是否有不存在的圖片或文件路徑代碼。(如上圖所示用firebug聽(tīng)到20.jpg這個(gè)圖片，紅色顯示表示實(shí)際不存在，代碼中有調用它的代碼)因為本身圖片在空間中不存在，可是在執行代碼的時(shí)侯網(wǎng)站打開(kāi)速度慢 如何優(yōu)化，執行到這一行時(shí)，卻要始終加載這個(gè)圖片，在細微程度上是會(huì )影響到網(wǎng)站的速率的。

　　另一種情況是從別的網(wǎng)站轉抄的特效javascript代碼，可能轉載不全，有許多網(wǎng)頁(yè)錯誤，造成網(wǎng)站打開(kāi)速率慢。解決辦法：修正網(wǎng)站上代碼錯誤。

　　4>盡量減低javascript的特效的使用。

　　如：鼠標特效、欄目特效、狀態(tài)欄特效等，這些特效的原理是先由服務(wù)器下載到你本地的機器，然后在本地機器上運行形成，如果觀(guān)看你網(wǎng)站的網(wǎng)友機器配置低的話(huà)，要運行一段時(shí)間就能完成。

　　網(wǎng)頁(yè)內容：

　　1>查看網(wǎng)頁(yè)中是否有許多規格大的圖片存在，如果非要圖片療效來(lái)抒發(fā)的話(huà)，可以把大圖片切分成多個(gè)小圖片。圖片進(jìn)行減重處理，可以讓字節數顯得較小，否則好多的圖片會(huì )占用好多空間又讓網(wǎng)站打開(kāi)速率顯得太慢?？梢杂胮hotoshop、fireworks等畫(huà)圖軟件將圖片規格縮小，使圖片的質(zhì)量稍為減少一下，在圖片質(zhì)量和圖片大小之間找尋一個(gè)最佳的比列。

　　2>查看網(wǎng)頁(yè)中是否有規格大的flash文件存在，排除抒發(fā)療效外，盡量少用小型flash。

　　3>有的同學(xué)喜歡在網(wǎng)頁(yè)中加音樂(lè )，用戶(hù)一打開(kāi)網(wǎng)站，就有背景音樂(lè )播放，這樣的事情盡量不要做。

　　4>內容中過(guò)多地引用了其它網(wǎng)站的內容。如引用其他網(wǎng)站的圖片或其它內容，如果哪個(gè)網(wǎng)站的速率慢，或者那種網(wǎng)站的頁(yè)面早已不存在了，打開(kāi)的速率都會(huì )更慢。解決辦法：這樣問(wèn)題常見(jiàn)的情況是，友情鏈接交換中圖片鏈接真接鏈接別的網(wǎng)站的logo圖片，建議先把對方的logo圖片上傳到自已的網(wǎng)站空間中，然后加上鏈接。第二種情況是許多同學(xué)喜歡用iframe嵌套別的網(wǎng)站上的搜索，查ip等小功能模塊，建議少用這些方法。

　　查看網(wǎng)站中圖片、代碼等加載情況可以用 firefox瀏覽器的插件工具firebug 工具查看。

　　優(yōu)化加載速率的方式：

　　一、優(yōu)化圖片

　　幾乎沒(méi)有那個(gè)網(wǎng)頁(yè)上是沒(méi)有圖片的。如果你經(jīng)歷過(guò)56K狗的年代，你一定不會(huì )很喜歡有大量圖片的網(wǎng)站。因為加載那樣一個(gè)網(wǎng)頁(yè)會(huì )耗費大量的時(shí)間。

　　即使在現今，網(wǎng)絡(luò )帶寬有了好多的提升，56K狗漸漸淡出，優(yōu)化圖片以推動(dòng)網(wǎng)頁(yè)速率還是太有必要的。

　　優(yōu)化圖片包括降低圖片數、降低圖象質(zhì)量、使用恰當的格式。

　　1、減少圖片數：去除不必要的圖片。

　　2、降低圖象質(zhì)量：如果不是太必要，嘗試減少圖象的質(zhì)量，尤其是jpg格式，降低5%的質(zhì)量看起來(lái)變化不是很大，但文大小的變化是比較大的。

　　3、常識使用腳本文件取代療效：

　　比如一些web2.0的款式，如果使用ps制做，每個(gè)圖片基本會(huì )降低%5-%25的大小成本.

　　相反，使用javascript代碼來(lái)實(shí)現療效,僅僅只降低幾個(gè)字節.

　　二、圖像格式的選擇

　　一般在網(wǎng)頁(yè)上使用的圖片格式有三種，jpg、png、gif。三種格式的具體技術(shù)指標不是這篇文章探討的內容，我們只須要曉得在哪些時(shí)侯應當使用哪些格式，以降低網(wǎng)頁(yè)的加載時(shí)間。

　　1、JPG：一般用于展示景色、人物、藝術(shù)照的攝影作品。有時(shí)也用在筆記本截屏上。

　　2、GIF：提供的顏色較少，可用在一些對顏色要求不高的地方，比如網(wǎng)站logo、按鈕、表情等等。當然，gif的一個(gè)重要的應用是*敏*感*詞*圖片。

　　3、PNG：PNG格式能提供透明背景，是一種專(zhuān)為網(wǎng)頁(yè)展示而發(fā)明的圖片格式。一般用于須要背景透明顯示或對圖象質(zhì)量要求較高的網(wǎng)頁(yè)上。

　　三、優(yōu)化CSS

　　CSS疊層樣式表使網(wǎng)頁(yè)加載上去更高效，瀏覽體驗也得到增強。有了CSS，表格布局的形式可以退職了。

　　但有時(shí)我們在寫(xiě)CSS的時(shí)侯會(huì )使用了一些比較羅嗦的句子，比如這句：

　　復制內容到剪貼板

　　代碼:

　　margin-top: 10px;

　　margin-right: 20px;

　　margin-bottom: 10px;

　　margin-left: 20px;

　　你可以將它簡(jiǎn)化為：

　　margin: 10px 20px 10px 20px;

　　又或則這句：

　　A paragraph ofdecorated text

　　Secondparagraph

　　Thirdparagraph

　　Forthparagraph

　　可以用div來(lái)包含：

　　A paragraph of decoratedtext

　　Secondparagraph

　　Thirdparagraph

　　Forthparagraph

　　四、網(wǎng)址后加斜杠

　　有些網(wǎng)址，比如當服務(wù)器收到這樣一個(gè)地址懇求的時(shí)侯，它須要耗費時(shí)間去確定這個(gè)地址的文件類(lèi)型。如果220是一個(gè)目錄，不妨在網(wǎng)址后多加一個(gè)斜杠，讓其弄成，這樣服務(wù)器才能一目了然地曉得要訪(fǎng)問(wèn)該目錄下的index或default文件，從而節約了加載時(shí)間。

　　五、標明高度和長(cháng)度

　　這點(diǎn)很重要，但很多人因為懶惰或其它緣由，總是將其忽略。當你在網(wǎng)頁(yè)上添加圖片或表格時(shí)，你應當指定它們的高度和長(cháng)度，也就是height和width參數。如果瀏覽器沒(méi)有找到這兩個(gè)參數，它須要一邊下載圖片一邊估算大小，如果圖片好多，瀏覽器須要不斷地調整頁(yè)面。這不但影響速率，也影響瀏覽體驗。

　　下面是一個(gè)比較友好的圖片代碼：

　　復制內容到剪貼板

　　代碼:

　　當瀏覽器曉得了高度和長(cháng)度參數后，即使圖片暫時(shí)未能顯示，頁(yè)面上也會(huì )騰出圖片的空位，然后繼續加載前面的內容。從而加載時(shí)間快了，瀏覽體驗也更好了

　　六、減少http請求

　　當瀏覽者打開(kāi)某個(gè)網(wǎng)頁(yè)，瀏覽器會(huì )發(fā)出好多對象懇求（圖像、腳本等等），視乎網(wǎng)路延時(shí)情況，每個(gè)對象加載就會(huì )有所延后。如果網(wǎng)頁(yè)上對象好多，這可以須要耗費大量的時(shí)間。

　　因此，要為http懇求減負。如何減負？

　　1、去除一些不必要的對象。

　　2、將臨近的兩張圖片合成一張。

　　3、合并CSS文件

　　看看下邊這段代碼，需要加載三個(gè)CSS文件：

　　我們可以將其合成一個(gè)：

　　從而降低http懇求。

　　七、其它小技巧

　　1、去除不必要加載項。

　　2、如果在網(wǎng)頁(yè)上嵌入了其它網(wǎng)站的widget，如果有選擇余地，一定要選擇速率快的。

　　3、盡量用圖片取代flash，這對SEO也有用處。

　　4、有些內容可以靜態(tài)化就將其靜態(tài)化，以降低服務(wù)器的負擔。

　　5、統計代碼放到頁(yè)尾(或者使用延遲加載)。