【部落格經營工具】PageSpeed Insights 載入速度偵測 揪出網站速度變慢的原因

pagespeedinsight_home1.png

【部落格經營工具】PageSpeed Insights 載入速度偵測 揪出網站速度變慢的原因

幾個月前我用Google的PageSpeed Insight跑這個部落格,測試桌機版跟手機版網頁開啟速度大約要花幾秒,因為覺得點開似乎要等很久,想找出原因,也洞悉一下自己部落格是不是安裝了太多外掛導致載入速度、網頁開啟變慢。

我記得那時候桌機版的分數比手機版低,因為痞客邦的手機版版面簡約,沒有一堆有的沒的外掛和側邊內容,僅顯示文章列表,所以手機版的載入速度比桌機版快,那時我覺得手機版的設計不錯。

[quads id=1]

但是隨著全幅蓋版廣告出現,跳出視窗的廣告,加上官方新增越來越多廣告版位,我察覺到現在手機版的載入變慢了,於是乎今天我又測試了一次PageSpeed Insights,沒想到果然如我所想,手機版的分數低到一個不行,還不及格,官方到底是加了什麼導致開啟速度變慢呀? 反倒桌機版分數還可以。

我想大家有目共睹應該都有感,痞客邦廣告太多,2018年11月還是12月起,文章內就被強制安插了幾個廣告,我發現時很訝異怎麼會變這樣,閱讀起來很不舒服,一直被干擾,後來到後台管理發現可以關閉,立馬把它給關了。

如果繼續這樣搞,只會讓大家反感紛紛出走,我已經在評估是否要開個自架網站,只是一年的相關費用還在調查中,自己的收入是否可以cover。自架站要放多少廣告隨站主開心,但我自己不喜歡看那些動來動去花俏的廣告,覺得破壞版面美感,所以我不會允許太多廣告,更何況那些收益真的非常非常的微薄。

[quads id=1]

 

推薦這個網站給大家,好工具不用嗎?

 PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/

 

 速度的重要性

速度變慢對大多數閱讀者的影響很大,因為現在手機閱讀的習慣普遍,大家除了刷臉書、看LINE、新聞、文章、網購,我自己的習慣是,一個網站只要開啟超過5秒就不想看了,更何況其他人呢?

而且,Google搜尋引擎喜歡載入速度快的, 而且會將開啟快的網站排在較前面幾頁。

[quads id=1]

Step 1. 在首頁輸入你要偵測的網站或部落格網址

pagespeedinsight_home.png

Step 2. 行動版和桌機版兩個分頁可以切換看各自的分數

如同我剛說的,手機版分數慘兮兮

pagespeedinsight.png

 

往下拉會看到偵測出的幾個數據

pagespeedinsight2.png

[quads id=1]

接著是桌機版

由於自己可以自由地編輯後端的網頁語法,控制外掛程式的數量,所以很好調整

pagespeedinsight3.png

 

測出來的參考數據

pagespeedinsight4.png

最棒的是PageSpeed Insights有建議大家可以往哪些方向去改善,其實不外乎就以下這些原因:

1. 照片檔案解析度太大

2. 後端語法雜亂,變更過沒有移除殘留的無效語法

3. 太多圖片要載入,可安裝延緩載入程式,痞客邦後端應用市集有

pagespeedinsight5.png

pagespeedinsight6診斷.png

[quads id=1]

不懂語法也沒關係

1. 把會拖垮速度的側邊外掛移除,沒必要掛那麼多把版面搞得太花俏,那些我們自以為加分的東西反而扣分,

2. 照片上傳前,先把照片壓縮優化,減少網頁載入的負擔和花費時間

 

 由於每過一段時間部落格會調整、變化,測出來的分數也會變化,不是永遠不變的喔!
這點大家可以多留意,每幾個月測一次,讓自己的部落格保持苗條的身材,就像跑者有輕量級的體態,載入(跑的速度)才會快

以上是我自己測試的紀錄和心得建議,給大家參考囉,畢竟我不是專業的,不敢說對大家幫助多大。

 

[quads id=1]

相關部落格經營文章

【我的部落格之路】為什麼開始寫部落格 從無名小站到痞客邦部落格搬家到WordPress自架站

Youtube經營

關於接案賺錢

[quads id=1]

社群經營

關於投稿

關於抄襲盜用

主機服務:金城事務所