[ 網路 ] 你的網站到底是慢在哪裡？
@ 2007.06.15 ( 2,553Views ) Hosting
很多人都會感覺自己的網站慢，然後就開始抱怨。可是你可知道，一個網頁的組成可能包含了許多的元素：images, CSS, JavaScripts, RSS, Flash and frames/iframes 等等，所以單是一個「慢」的感覺，可能是有很多因素所導致的。
以我自己來說，有一次自己的首頁怎麼開都開不了，不然就是只能開一半，可是去看看系統的負荷，明明就很低呀！httpd 跟 mysqld 的工作都很正常，心裡不禁開始打鼓到底是哪一個環節出了問題？
這個時候，我會用很多方式去做測試，我最常用的是 Firebug ，這是 Firefox 的一個擴充套件，功能類似前幾天介紹過的 " Internet Explorer Developer Toolbar " 與 " Web Developer " ，但是功能更強悍，透過他我可以看到整個網頁載入的時間與流程，然後才發現網頁一直出不來是因為我用的 urmap API 要從 urmap 載入的那一段 javascript 。因為 urmap 公司可能網路有點問題，所以一直無法載入，連帶我的網頁也打不開。
當然呀！這個時候就會覺得 Firebug 真棒！但是你也知道的，「功能強悍」這個形容詞相對要付出的代價就是你得花時間去學習這個軟體的使用方式。
如果你的需求只是要去知道，你的網站到底是慢在哪裡，那你不用去學用 Firebug，只要使用 Pingdom 公司提供的服務就可以囉！
Pingdom 是一間提供很多付費的網路監控服務的公司，但是目前他們有提供一個免費的 " Pingdom Tools - Full page test " 服務，透過這個服務，你可以很清楚的看到網頁展示的流程。
請先在 Full page test 服務的 URL : 一欄中填入你要測試的網址，然後按下 " Test Now " 的按鈕。
接著畫面就會出現網站元素載入的過程，（以我的網站為例，他會載入 69 個元素件）可以觀察到這個流程是接續發生的。
如果你用滑鼠經過每一個元素，他還會進一步告訴你，這個元素的大小，載入的時間多寡的資訊。
在這裡你可以看到，為了看我那一個 banner ，你等了四秒鐘。當然啦！這四秒鐘有可能是因為程式去找出一張圖，然後再透過 php 處理讓他出現的關係。不是因為我的圖太大喔！因為我的圖才 128.6K。
最後系統會給你一個總結
以我的 blog 為例，全部出現得花 8.7 秒，載入 69 個物件共 594.2 KB，用了三個 CSS，10 個 scripts， 54 張圖。（謝謝各位願意等候啦！）
這樣是不是很清楚的就可以知道你的網站到底哪裡慢在哪裡？哪裡出問題了呢？
那你的網站要幾秒呀！？
PS
本文的主要目的是要讓大家找到如果你覺得網站慢的話，瓶頸在哪裡？最後那一句要幾秒呀！只是一個俏皮的結語喔！
.
厚...讚
謝謝JJ啦
[回應]
太棒了..這個解決了我的困擾啊~
[回應]
好東西ㄟ... 我家應該比你家慢更多...
有時間要來試試
[回應]
如果下載的元件是要在client上run,不知道算不算在計算時間的範圍內?
[回應]
我的 Total loading time: 25.8 seconds ^^"
不過是因為音樂，不然不到8秒
[回應]
這好好耶，很容易找出問題點。Good~
[回應]
[...] jerome 那邊看到的文章，Pingdom 這間公司的免費服務 - Full Page Test [...]
真好用!!
[回應]
我的@@ 這網站滿好玩的
[回應]
[轉貼]你的網站到底是慢在哪裡？...
jerome 那邊看來的@@ 對BLOG主人還不錯玩的工具網站，主要就是用來測試開啟頁面的速度
連到Pingdom Tools後輸入網址再按Test Now!等待出現Testing finished的字眼就是好了，往下看就是你的數據，其.....
剛剛試了一下，我突然發現這個網站有一個盲點
他主機是在國外
這個測試是用他主機的位置下去測
所以如果去測國外主機的速度會比較快
如果你的主機在台灣，反而會讓數據看起來比較慢
簡單來講，除非你所在的地方，跟這台主機離比較近
或是你所比較的兩個主機位置所在的地方比較近
不然這些比較是不太俱有意義的
[回應]
to: 小螞蟻
要是你要看單機上的表現，我會建議你用 Firebug 來看，就是非常準確的數字了
to: 司馬雲
我知道呀！
所以我的標題是寫「你的網站到底是慢在哪裡？」是哪裡慢了？而不是你的網頁有多慢
[回應]
你好，很喜歡你介紹的這篇新玩意兒，所以也簡單寫了一篇在我的部落格裡，特來跟你說一聲
http://blog.pixnet.net/shortcat/post/5362774
[回應]
你的網站到底是慢在哪裡？讓 Pingdom Tools 告訴你。...
若有製作網站經驗的網站管理員應該都曾遇過這個問題：為什麼我的網站開啟速度這麼慢？一個網頁開啟除了文字、圖片外，往往還需要載 入CSS, Js, flash 或是其他檔案特效，若數量稍微多了....
你好，我把文章給關閉了，因為發現一個很嚴重的問題，所以還是關閉會比較好。
[回應]
to: 寶貝喵
是啥嚴重的問題呀？
跟我分享一下嘛！
[回應]
愕‧‧我發現可以看見別人家的 css 耶
這樣算嚴重嗎
[回應]
to: 寶貝喵
有一句話是這樣說的：「凡是放在網路上給人看的，一定都可以抓得下來」，所以 css 當然一定是可以被看到的，所以不算是嚴重啦！
[回應]
因為我不是高手，所以除了按右鍵以外，不曉得該如何抓別人的 css，如果有人鎖右鍵，不用說，更抓不到 ( 除非是高手 )。但是這個網頁卻能讓人輕易截取到 css。
不過話說，昨天就開始進不去了呢。
[回應]
[...] 前幾天在別處看到了Pingdom提供的分析工具，用來檢查自己的站上到底是慢在哪裡（我一直覺得挺慢的，可是架在同一個主機的其他service又很快），分析結果是theme跟plugin裡面的小圖用掉不少時間，所以我把footer的小貼紙通通拿掉只留文字連結，ShareThis套件也移除了（裡面有十幾張小gif），這樣應該可以把首頁載入時間壓縮在六秒上下。剩下的就只有Flickr相框跟Twitter box可以動手，全部拿光又顯得很單調...... [...]
[...] 【相關報導】走過的、學過的、看過的 [...]
Pingdom 剖析你的網頁載入是慢在哪裡...
Pingdom
從 jerome 那看來的，Pingdom 提供的免費服務 — Full Page Test，它就像一個瀏覽器一樣，依照你指定的網址，依序載入所有的東西 (網頁 HTML、圖片、CSS 樣式、JavaScript 程式碼、Flash 等等)，.....
用cos-html-cache讓Wordpress加速...
因為覺得我的部落格有點慢，所以用了之前覺得好像用了沒差的cos-html-cache外掛。這個外掛的功能就是生成靜態的html頁面，以排除php轉換原始碼的這一段時間。以下是實測的內容。
.....
[...] 走過的、學過的、看過的 [...]
[...] 之前有提到 Pingtom 的免費 " Pingdom Tools - Full page test " 服務，透過這個服務你可以很清楚的看到網頁展示的流程，進而知道你的網站到底是慢在哪裡。這是一個很實用的工具，但是你知道嗎？其實 Pingtom 公司最主要的業務是在於網路監控。 [...]