1 月03
Google Page Speed-測試你的網頁速度,提供改善建議

Google真的是無所不包,居然也提供網頁速度測試的功能,而且還提供改善建議,重點是還提供中文服務,這下子可以可得好好研究一下如何改善自己部落格的載入速度,因為我有一個部落格的載入速度真的很慢,要不是有網友的支持,這麼慢的速度早就嚇跑了一堆人,剛好可以趁這次的機會測試並改善其載入的速度。

Google Page Speed 網址:https://developers.google.com/speed/pagespeed/insights/

Step 1.
傳承Google一貫簡單不奢華的風格,一進入的首頁就只有一個空白框讓你輸入往夜的網址,真的是非常簡潔。這裡可以隨你高興輸入有http://開頭的網址,或是不加http://也不加www的網址也可以。

improve_speed05

Step 2.
輸入網址後需要跑一段時間,大概10~20秒吧!看你的網頁的大小而定,跑出來後如下圖,左手側邊欄為主要大項,一般會分成高度優先(High priority)、中度(Medium priority)、低度(Low priority)等三個等級。不過高度優先的建議我有看沒有懂啦!可能還得研究一下才可以知道如何「使用瀏覽器快取功能」與「將圖片合併到 CSS 合併圖片」這兩個建議。可以自己先點選看看它所給出的建議。

improve_speed04

Step 3.
我目前唯一能做的就是中度重要(Medium priority)的「最佳化圖片」建議,這裡列出了幾張jpg的圖片都超過了10KB,要是能把它們的檔案大小減下來,就可以提昇網頁下載的速度。

improve_speed01

Step 4.
於是我使用繪圖軟體,把原本列在最前面的三個*.jpg圖檔轉換改成*.png,結果效果超好,下面三個圖檔,全部都從15~15KB降低到了1~2KB。
improve_speed03

Step 5. 再執行一次 Google Page Speed 後,其原來建議可以減少的圖檔大小也從原本的95.6KB減少到了49.1KB,而原來列在最前面建議減少大小的圖檔問題也不見了。
請注意:如果你要重新檢查圖檔是有已經被更正,建議你必須要稍等一段時間,因為有網頁快取的關係,所以如果剛改好就檢查網頁速度,可能還是會出現原來的結果。

improve_speed02


延伸閱讀:
有趣的部落格網站價值估價器,網站競爭力評估
使用第三方網站流量查詢工具(SimilarWeb),驗證網站流量是否灌水

   

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *