Google Page Speed Insight 網站速度測試

Google Page Speed Insight 網站速度測試 教學目的:

1.開啟 Google Page Speed Insight 輸入網站網址測試速度,並暸解優化部分

歡迎回到鵠學苑~!今天要幫大家上的課程就是 Google Page Speed Insight 網站速度測試 ,是有關協助 WordPress SEO 網站搜尋排名優化的一個方法,為什麼我們的網站需要排名優化呢?在各位同學建立自己的部落格或公司的商務網站、形象官網的過程中,運用了許多時間跟精神去學習如何架站,甚至為了要讓自己的部落格或官網能夠可以吸引到更多的人(網民?)或消費者的關注,也會花費一些金錢去購買美觀具有特色的主題、實用附加功能的外掛,為了網站的安全以及持久度,也必須要購買識別度高的網址,空間大連線穩定的虛擬主機,而當同學們做好做滿(時間金錢兩失 )這所有架站的必備過程後,回頭來看著自己辛苦架設的網站流量相當低,瀏覽網站的人次並沒有想像中的多,一定會感覺到挫折吧!

先不要難過~現在就是要教導各位同學,要如何測試網站的速度^_^。在開始網站測速前,先簡單介紹一個名詞— SEO,全部名稱是Search Engine Optimization,中文翻譯是”搜尋引擎優化“(有關SEO的介紹,請參考 WordPress SEO 優化工具 – Yoast SEO 設定教學 (專業版) 的教學文章)。而之所以要教同學測試網站速度,就是因為在 Google SEO 中對於網站搜尋排名,其先後順序的其中一個判別依據,就是進入網站的速度,所以同學們在架設網站結束後,想要讓更多人能看到自己的作品,或著在網路商店內開發更多的潛在客戶,那一定要縮短開啟網站的時間喔!接下來就跟著鵠學苑的腳步,讓我們開始學習吧!

 

Google Page Speed Insight網站速度測試 網址:https://developers.google.com/speed/pagespeed/insights/?hl=zh-TW

• 開啟 Google Page Speed Insight 輸入網站網址測試速度,並暸解優化部分

第一步:在瀏覽器網址列輸入 https://developers.google.com/speed/pagespeed/insights/  ,或直接點選網址,會進入到Google Page Speed Insight的網頁。

Google Page Speed Insight 網站速度測試

 

第二步:在網頁的中間輸入同學們自己架設的網站網址,在示範的圖片裡是使用鵠學苑的網址。按下最右邊的分析按鈕,下方就會出現一個藍色的進度條開始分析。

 

Google Page Speed Insight 網站速度測試

第三步:分析完成後會出現兩個頁籤,分別式行動版(手機或平板的網頁載入速度)、電腦版(桌上型或筆記型電腦的網頁載入速度)。為了有所比較,對於手機版的一些優化設定先暫時關閉,讓各位同學能了解優化以及未優化的在測試網站速度顯示介面上表示的圖案,

Google Page Speed Insight 網站速度測試

當顯示Poor的時候,代表網頁的載入速度會較慢,需要優化的選項也比較多;當顯示Good,則表示網站的載入速度已經達到一定的程度,需要優化的選項也較少。

Google Page Speed Insight 網站速度測試

第四步:在下方Google會提供一些可能最佳化的做法。

第五步:點開顯示修正問題的做法這一行字前方的三角形小圖示,會顯示如何最佳化做法的解釋以及相關的做法。

Google Page Speed Insight 網站速度測試

Google Page Speed Insight 網站速度測試

小提醒:如果是有關於程式語言 HTML 、 CSS 的最佳化做法,同學如果沒有這方面修改的經驗,不要隨意的嘗試,否則可能會導致網站出現問題喔!

結語:

在這一篇教學裡我們利用 Google Page Speed Insight 測試網站的速度,這不只是為了讓 SEO 可以對我們架設的網站給予更高的分數,以達到更高的排名,就實際上對於瀏覽網站的訪客以及使用者而言,網站本身載入的速度也是非常重要的一個指標。在部落格裡分享了一篇文章,如果每一篇文章都具有承上啟下的關係,當訪客想閱讀上一篇或下一篇文章而頁面載入的速度卻相當不給力,相當容易使訪客在閱讀上失去興趣而離開網站。

而對於架設形象官網、商務網站、網路商店的老闆們這樣的情況更是嚴重,如果是公司的業務承辦或規劃項目是比較能透過文字敘述來讓使用者理解和考慮,在網頁內只載入文字的部分,也許影響不大。但是如果是具有銷售商品功能的網站,當然圖片的顯示更能讓消費者對於商品有非常直觀的認識,如果此時商品圖片載入的速度過慢導致使用者無法更清楚了解商品內容,流失的不只是業績,更深層次的是流失使用者的信心。

想要讓網站搜尋排名靠前,提高曝光率,或著想解決網站速度過慢的問題,可以到網頁設計公司的官方網站看一些參考資料 ,或著在下面寫下想討論的問題,都會很樂意為各位同學解答喔!不要忘記持續關注鵠學苑的教學文章,我們下次見拉!

Google 相關教學文章:

Google地圖無法顯示,出現浮水印? 申請 API 帳單資料流程教學

Google Map 自訂外觀 – 客製化 Google 地圖樣式教學

Google Map 教學 – 網站嵌入 Google 地圖及我的地圖操作方法

Google Maps JavaScript API 申請 – 網站啟用 Google 地圖 教學

Google AdSense 教學 – AdSense申請在 WordPress 加入網站廣告

Google網站管理員 ( Search Console ) 驗證網站所有權的三種方式

Google reCAPTCHA 教學 我不是機器人 驗證按鈕 架站必學技能

[ 跳過recaptcha 驗證 ] – Google Invisible reCAPTCHA 隱形驗證碼 教學

使用 Google 自訂搜尋引擎取代WordPress站內搜尋步驟教學

Google 字體下載 – WordPress 字體快速分析及網頁字體設定

Google AMP 網頁 教學 AMP是什麼 ? 加速 手機版網頁 必學技能!

分享在 facebook
Facebook
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top