OK論壇

 找回密碼
 註冊
查看: 2212|回復: 0

如何檢測並詳細分析網站 / 部落格開啟速度 ( 免安裝軟體 )

[複製鏈接]
  • TA的每日心情
    難過
    2012-5-13 02:16 AM
  • 簽到天數: 80 天

    連續簽到: 0 天

    [LV.6]常住居民II

    發表於 2011-5-3 23:42:32 | 顯示全部樓層 |閱讀模式
    本帖最後由 GuaBabe 於 2011-5-3 11:44 PM 編輯

    最近教會朋友寫部落格。她顯然對於如何讓網站更加絢麗有很大興趣。

    她研究了好一陣子,對部落格相關的東西都有相當的好奇心,也
    不斷樂於在自己網站上加入一堆有的沒的附加元件、JavaScript、
    甚至Flash語法嵌入。

    過不久她就來問我啦∼怎麼網站都沒人來看?接過網址,打開一看,馬上知道原因∼
    「天哪!你家網站我都開一分鐘多了還開不完∼你網站側邊欄位的
     東西太多太雜了啦!」
    「呃∼」我朋友回說:「人家以為這樣效果看起來會比較多嘛QQ」

    「開個網站,我都可以去泡泡麵吃了∼別人開也是如此,當然多半
     是開到一半、看都沒看就關掉囉!」
    「可是我自己開自己網站跑很快呀>_<」


    「那是因為你電腦裡面有存下你網站的暫存檔了,所以會開比較快
     囉。不信你把自己電腦的網頁暫存檔清空再來開看看」
    「好吧Q_Q...」

    過了一會,我朋友果然來跟我哀號了:「天哪!我家網頁開好慢
    好慢好慢..(x100)!開到我都想咬站長了!是什麼原因呀>_<」

    ----------------------------

    沒錯,每個部落客、站長都會面臨這樣的問題:辛苦開的網站、
    部落格,加了一堆絢麗效果,結果網頁速度拖到超慢。連自己都
    懶得開。

    有的朋友則雖然知道這個道理,卻苦不知道該用什麼方法來測試
    自己家網頁速度,更別說檢測自己家網站的什麼附加元件拖滿自
    己網頁速度了!

    為了解決這個問題,有的人會安裝其他網頁測速軟體,雖然它們
    分析網頁確實完整,不過也有人嫌還要多安裝個軟體麻煩,那該
    怎麼辦呢?

    其實,有個很簡單的解決方法,就是使用這個網站:

       網站名稱:Pingdom Tools(點選直接開啟連結)




    打開上面連結後,直接在方框裡輸入你加網址,就可以開始檢測啦!



    ----------------------------
    輸入連結後按下 Test now開始測試,你可能需要一點時間等待
    測試結果,測試結果你會看到一張圖表如下,這就顯示著你家網
    頁各項元件所佔據的資源:

    由這個圖表,你就可以輕易抓出,拖慢你網頁速度的元兇

    首先,最左邊的各種長條圖,代表著你網頁被開啟的順序,通常
    是首頁先被開啟( Get),接著依照時程開啟各式各樣的元件。這
    些元件的Size被註明在右上角,通常來說,Size越大越需要更多
    載入時間。

    在單個程序的載入時間方面,它會以一個有著三種顏色的時間橫
    棒顯示該元件的載入過程,一開始的黃色表示發出連線需求到有
    回應所需的時間、綠色表示建立連線所需時間、最後的藍色表示
    資料傳輸交換所需時間。

    不懂?簡單來說,比方說今天要載入一個元件,像是FunP的貼紙
    好了,首先讀者電腦會告訴FunP的伺服器:「我要連線!」,黃
    色開始進行。

    接著伺服器回應說:「知道了!」則黃色停止,開始綠色階段,
    他並告訴讀者電腦說:「要傳遞資料喔!準備接受了嗎?」


    再接著讀者電腦說:「好!請開始傳資料給我吧!」則綠色階段
    終止,開始最後傳送資料的藍色階段。

    因此可以知道,如果你的網頁放了大量圖片,那肯定較花時間在
    傳遞這些圖片上,因此藍色線段的比例會較長。如果對方花比較
    多的時間在於「建立連線」,則黃、綠色線段會比較長,這又跟
    當時連線品質有關。

    簡單說來,要判斷誰拖慢你的速度,你只要看哪個元件拉的線段
    比較長就知道了。接著你可以由裡面的顏色比例判斷該元件是在
    哪個階段拖慢速度。當然也能知道哪個元件掛掉。

    最後,下面還會有一張你的網站的「綜合評析」,告知你網站總
    載入的時間、和下載多少物件。這個總載入時間不是每次都相同
    (最簡單比喻,如果是在台灣晚上,各家部落格流量都超大時候
     就會拖慢)



    但總的來說,個人建議總秒數不要超過30sec最好!如果在平時
    沒塞網時候超過30sec,表示你的網站可能附加元件、或是給讀
    者載入的圖實在是太多啦!(個人給自己blog的標準訂15 sec)

    你可以根據上面每個元件的載入速度,判斷你該拿掉哪個元件或
    是把某些圖的容量改小一點囉!

    希望大家都能好好利用這個方便的工具,讓自己家的網站或是部
    落格被讀取的更加通暢,也能幫助更多人願意瀏覽你家!
     
    ( 來源:http://dreamyeh.pixnet.net/blog/post/24691350 )
     
    回復

    使用道具 舉報

    您需要登錄後才可以回帖 登錄 | 註冊

    本版積分規則

    Archiver|手機版|小黑屋|OK討論區

    GMT+8, 2024-3-29 04:46 PM , Processed in 0.075129 second(s), 19 queries , Gzip On.

    Powered by Discuz! X3.4

    Copyright © 2001-2020, Tencent Cloud.

    快速回復 返回頂部 返回列表