如何得知自己網站到底有多肥?

如何得知自己網站到底有多肥?

如果你曾經嘗試過自己架站、或者是正在架,一定會常有「我的頻寬,到底夠不夠用?」、「為什麼我的網站那麼慢」之類的疑問。不少用便宜虛擬主機的人,也會擔心網站爆流量被停機。其實在考慮擴增頻寬之前,不如先幫你的網頁「瘦身」。

「瘦身!?我連自已的網頁有多肥都不知道」,那麼你就可以試試以下的「網頁體重計」。

如何得知自己網站到底有多肥?

Pingdom Tools就是一個可以幫你的網頁量體重的網站,只要輸入網址,它就可以幫你算出載入的所需時間以及列出網頁內所含全部元件的體積。載入時間其實不重要,因為經過網路上大大小小的路由器、防火牆、以及每個使用者不同的頻寬線路,很難算出一個精準的數據,但是網頁的總體積如果太大,讀入速度就一定比較慢。

如何得知自己網站到底有多肥?▲網頁裡有啥元素,一目了然。

好網站,都很小

沒有辦法改變頻寬大小,就得從網頁的體積下手。有經驗一點的網頁設計者都有自知之明,通常首頁的資料量都會控制在1MB左右或以下,你可以去看看一些入口大站,在造訪者日以數十萬計(好啦或許更多)的需求下,其首頁的資料量絕對比你想像中的低(日本的無料動畫網除外)。

如何得知自己網站到底有多肥? ▲一些網站的大小,載入時間因地區及經過的路由器會有所不同。

以上是筆者測試的幾個網頁,簡單俐落的Google體積當然是最小的,像Yahoo、mobile01、Youtube這些看起來很複雜的首頁,其實資料量也不超過1MB。而部份成人無料動畫網因為會有大量的廣告外連圖片,首頁一次就給你來幾MB也不覺得過份。

當然了,一般部落格玩家有時會忽略此點,尤其是愛拍照、喜歡直接把部落格當成網路相簿的人,很可能在首頁就貼了很多張大圖。以一張解析度為600×400、體積為200KB的圖片來計算,如果首頁一次設定成可顯示十篇文章,每篇文章的開頭又放一張圖,那麼你的網站在一連線時就會需要至少2MB的傳輸量。

如何得知自己網站到底有多肥? ▲Yahoo首頁不到300KB,我的網路頻寬至少也有8M,載入時間還是超過一秒…

別以為你家光纖快

「還好啦,2MB不算什麼,我家的10M光纖換算起來,1.6秒就可以傳完了。」才怪!第一,如果你家光纖真的能跑到10M,半個bit都不少,我超頻小炫風不但跟你姓,還親自到你家幫你超頻,再來,網頁的傳輸速度並不能只看Last Mile的標示速度;主機端本身的負荷、所能提供的連外頻寬加上網路上大大小小的耗損,就算你家的光纖真的能跑到10M,也不可能在一秒內就下載完1.25Mb大小的網頁(透過cache及proxy就例外),何況如果該網頁內有許多連外內容,變數就更多,不能用這種粗略的「公式」來計算。

如何得知自己網站到底有多肥? ▲可用瀏覽器另存網頁,這樣算大小比較準。

Pingdom Tools的計算結果不一定準確,因為部份網頁會有特殊的運作機制或連外內容,這些資訊可能就不會列入它的計算結果內。比較精準一點的算法,就是把整個網頁抓下來,放在本機去統計比較實在,這樣才能準確估算網頁的大小。

如果你嫌自已的網頁開起來有如蝸牛上樹的話,就先幫它瘦瘦身吧!以後有機會再來談如何幫網頁瘦身,效果卻不打太多折扣。

Beta狂人
作者

使用 Facebook 留言
Cfa7670d9eb42974716727f9669adcf5?size=48&default=wavatar
1.  藍兒 (發表於 2009年7月05日 14:41)
我還以為是整個網站,原來只是說首頁。
A84f775576e6af13f44410372a5c8509?size=48&default=wavatar
2.  JC (發表於 2009年7月06日 17:46)
真的只算首頁耶,不過倒是可以可網頁設計者一個參考啦。因為動態網頁的話,程式設計師會include一些函示庫,例如Ajax技術,所以每一頁都會有這些東西。如果首頁就慢到爆,那沒還有耐心看別的頁面?倒也是不錯的參考
A2c97d5badf377ee4f28f0dbe24fc751?size=48&default=wavatar
3.  wellss (發表於 2009年7月06日 18:15)
很不錯的分享內容 ^^
剛剛試了一下自己的部落格 是 688k
載入中等 速度中等 不必等很久~
E0a67554aacda12b8b22a6d1de8ae15d?size=48&default=wavatar
4.  To be (發表於 2009年7月09日 10:28)
我只知道 每次開PCADV的首頁都超慢的.........
發表回應
謹慎發言,尊重彼此。按此展開留言規則