• GooglePageSpeed和firebug之最佳化網站運用

    by  • 2009/07/15 • Firefox, Google • 4 Comments

    近來因為工作上的關係, 加上頻寬不足, 所以需要針對網站來

    進行"最佳化"的工作, 在 Firefox 安裝了 Firebug 及 Google Page Speed

    這兩個套件, 簡直就是對"網站最佳化"最佳組合了 ~~

    Firebug有其優點可以得知整個網站的狀況, 檔案大小 ? 載入時間快慢?

    載入的狀態 ~ 如下圖這樣, 如果有出現"紅字" 那就表示載入這個項目

    有問題囉 !!

    firebug.jpg

    那 Google Page Speed 又有啥特異功能呢 ?? 在 Page Speed 這, 點選分析 !!

    經過一段時間後, 會出現類似下圖的報告 !!

    pagespeed.jpg

    紅色驚嘆號就是強烈建議你進行的優化設定, 不懂 ? 沒關係 !!

    後面文的部份就是 Link , 點選後會出現Google的說明畫面, 會

    告訴你要進行那些優化的設定 !!

    黃色三角形, 就是有進行優化設定的部分, 有那些沒有套用到 !!

    這你就要查你的設定囉 !! 看看那些是漏網之魚 .

    綠色勾勾, 不用多說啦 !! 就是有達到Page Speed標準囉 !!

    p.s. 簡單的分享, 有任何指教請在下面留言一起討論喔 !!