Google Page Speed Insight 網站速度測試- WordPress 教學

Google Page Speed Insight 網站速度測試教學目的：1.開啟Google Page Speed Insight輸入網站網址測試速度，並暸解優化部分，在這一次的教學文章中， ... Skiptocontent WordPress WordPress教學 ＷordPress主題 WordPress外掛 WordPress相關工具 WordPress客製 Elementor教學 WooCommerce WooCommerce教學 WooCommerce主題 WooCommerce外掛 WooCommerce客製 WordPress網頁設計 SEO工具 SearchConsole教學 GoogleAnalytics教學 GoogleAds教學 架站資源 聯絡我們 選單 WordPress WordPress教學 ＷordPress主題 WordPress外掛 WordPress相關工具 WordPress客製 Elementor教學 WooCommerce WooCommerce教學 WooCommerce主題 WooCommerce外掛 WooCommerce客製 WordPress網頁設計 SEO工具 SearchConsole教學 GoogleAnalytics教學 GoogleAds教學 架站資源 聯絡我們 搜尋 >WordPress>WordPress相關工具>GooglePageSpeedInsight網站速度測試 WordPress相關工具,架站資源 GooglePageSpeedInsight網站速度測試 內容目錄 開啟GooglePageSpeedInsight輸入網站網址測試速度，並暸解優化部分結語： 歡迎回到鵠學苑～！今天要幫大家上的課程就是GooglePageSpeedInsight網站速度測試，是有關協助WordPressSEO網站搜尋排名優化的一個方法，為什麼我們的網站需要排名優化呢？在各位同學建立自己的部落格或公司的商務網站、形象官網的過程中，運用了許多時間跟精神去學習如何架站，甚至為了要讓自己的部落格或官網能夠可以吸引到更多的人(網民？)或消費者的關注，也會花費一些金錢去購買美觀具有特色的主題、實用附加功能的外掛，為了網站的安全以及持久度，也必須要購買識別度高的網址，空間大連線穩定的虛擬主機，而當同學們做好做滿(時間金錢兩失)這所有架站的必備過程後，回頭來看著自己辛苦架設的網站流量相當低，瀏覽網站的人次並沒有想像中的多，一定會感覺到挫折吧！ 先不要難過～現在就是要教導各位同學，要如何測試網站的速度^_^。

在開始網站測速前，先簡單介紹一個名詞—SEO，全部名稱是SearchEngineOptimization，中文翻譯是”搜尋引擎優化“(有關SEO的介紹，請參考WordPressSEO優化工具–YoastSEO設定教學(專業版) 的教學文章)。

而之所以要教同學測試網站速度，就是因為在Google SEO 中對於網站搜尋排名，其先後順序的其中一個判別依據，就是進入網站的速度，所以同學們在架設網站結束後，想要讓更多人能看到自己的作品，或著在網路商店內開發更多的潛在客戶，那一定要縮短開啟網站的時間喔！接下來就跟著鵠學苑的腳步，讓我們開始學習吧！ GooglePageSpeedInsight網站速度測試網址 https://developers.google.com/speed/pagespeed/insights/?hl=zh-TW 開啟GooglePageSpeedInsight輸入網站網址測試速度，並暸解優化部分 第一步：在瀏覽器網址列輸入 https://developers.google.com/speed/pagespeed/insights/ ，或直接點選網址，會進入到GooglePageSpeedInsight的網頁。

  第二步：在網頁的中間輸入同學們自己架設的網站網址，在示範的圖片裡是使用鵠學苑的網址。

按下最右邊的分析按鈕，下方就會出現一個藍色的進度條開始分析。

  第三步：分析完成後會出現兩個頁籤，分別式行動版(手機或平板的網頁載入速度)、電腦版(桌上型或筆記型電腦的網頁載入速度)。

為了有所比較，對於手機版的一些優化設定先暫時關閉，讓各位同學能了解優化以及未優化的在測試網站速度顯示介面上表示的圖案， 當顯示Poor的時候，代表網頁的載入速度會較慢，需要優化的選項也比較多;當顯示Good，則表示網站的載入速度已經達到一定的程度，需要優化的選項也較少。

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

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

小提醒：如果是有關於程式語言HTML、CSS的最佳化做法，同學如果沒有這方面修改的經驗，不要隨意的嘗試，否則可能會導致網站出現問題喔！ 結語： 在這一篇教學裡我們利用GooglePageSpeedInsight測試網站的速度，這不只是為了讓SEO可以對我們架設的網站給予更高的分數，以達到更高的排名，就實際上對於瀏覽網站的訪客以及使用者而言，網站本身載入的速度也是非常重要的一個指標。

在部落格裡分享了一篇文章，如果每一篇文章都具有承上啟下的關係，當訪客想閱讀上一篇或下一篇文章而頁面載入的速度卻相當不給力，相當容易使訪客在閱讀上失去興趣而離開網站。

而對於架設形象官網、商務網站、網路商店的老闆們這樣的情況更是嚴重，如果是公司的業務承辦或規劃項目是比較能透過文字敘述來讓使用者理解和考慮，在網頁內只載入文字的部分，也許影響不大。

但是如果是具有銷售商品功能的網站，當然圖片的顯示更能讓消費者對於商品有非常直觀的認識，如果此時商品圖片載入的速度過慢導致使用者無法更清楚了解商品內容，流失的不只是業績，更深層次的是流失使用者的信心。

想要讓網站搜尋排名靠前，提高曝光率，或著想解決網站速度過慢的問題，可以到網頁設計公司的官方網站看一些參考資料 ，或著在下面寫下想討論的問題，都會很樂意為各位同學解答喔！不要忘記持續關注鵠學苑的教學文章，我們下次見拉！ 站內相關文章： GoogleMap教學–網站嵌入Google地圖及我的地圖操作方法 StackWhats讓你使用WhatsApp和瀏覽者進行溝通！提高網站使用體驗！ 網頁設計配色分享介紹（一）-LOLColor與NIPPONCOLORS FIREFILE50GB的免費雲端空間！讓你更方便的儲存資料～ Slidesgo簡報模板–GoogleSlides、PowerPoint、Keynote免費版型下載 VideoDownloaderPLUS免費Chrome擴充功能，下載網站影片超簡單！ GoogleAdSense教學–AdSense申請在WordPress加入網站廣告 網站資訊文章推薦 部落格架站該如何選擇？Medium跟WordPress的優勢比較！ 重複內容會影響SEO？如何正確把內容分享到社群平台！ 購物網站架設–電子商務網站建置的細節與項目 GooglePageSpeedInsightWordPress教學網站速度測試 GooglePageSpeedInsight網站速度測試 2018-02-11T17:12:01+08:00 2020-12-22T13:16:39+08:00 鵠學苑 上一頁上一篇WordPress更新修改PHP停止自動更新版本 下一篇WordPress中文翻譯Poedit教學下一篇 鵠學苑 我們是由一群熱愛WordPress網站架設的同好所組成的團隊，希望可以將這套頂尖的CMS管理系統推廣給想要架站的朋友們，並且能夠在過程中互相交流心得，讓網站架設過程變得更有效率！ 訂閱電子報 立即訂閱鵠崙設計(鵠學苑)！我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格！ Leavethisfieldemptyifyou'rehuman: 熱門文章 WordPress教學基礎介紹二（媒體） GoogleAnalytics資源設定教學–資源項目與追蹤資訊說明 好的背景是可遇不可求的！利用CoolBackgrounds客製化專屬與你的背景 快速檢查網站是否使用WordPress架設的三種方法！ GoogleAnalytics教學–GoogleTagManager安裝GA追蹤碼 Hotjar線上調查(Surveys)教學項目－網站使用回饋填寫表單工具 GoogleAnalytics報表說明–目標對象、客戶開發、行為、轉換 YITHWOOCOMMERCECOMPARE：製作產品比較頁面幫助瀏覽者找到他們想要的產品 Woocommerce會員系統–使用函數在網頁中加入會員登出按鈕 WooCommerce購物車按鈕–YITHCartPopUp加入彈跳說明文字 CustomPostTypeUI客製化文章類型搭配Elementor建立文章版型 PrivacyPolicyGenerator一個免費隱私權政策範本產生器！ Google廣告入門教學（二）：教你提高排名！靠關鍵字鎖定潛在客戶！ SEO基礎教學：外部連結的重要性！如何做好offpage？ 最新文章 俐方體11號(Cubic11)開放原始碼，免費開源繁體中文點陣字型下載！ Gallerix俄羅斯線上博物館，17萬張高畫質名畫圖片免費下載！ Backupmp3免費線上Youtube轉換工具，輕鬆轉換成MP3、MP4下載！ ImageResizer線上圖片剪裁、修改大小，免費圖片編輯工具推薦！ Y2meta免費線上影片下載工具，輕鬆從Youtube和其他網站下載影片！ AnyConv免費線上轉檔工具，支援圖片、文件、影片等超過400種格式！ VideoCandy免費線上影片剪輯網站，裁切大小、調整速度輕鬆搞定！ CDKM免費線上轉檔工具，三步驟快速轉換！支援文件、圖像、影音格式！ 俐方體11號(Cubic11)開放原始碼，免費開源繁體中文點陣字型下載！ Gallerix俄羅斯線上博物館，17萬張高畫質名畫圖片免費下載！ Backupmp3免費線上Youtube轉換工具，輕鬆轉換成MP3、MP4下載！ ImageResizer線上圖片剪裁、修改大小，免費圖片編輯工具推薦！ Y2meta免費線上影片下載工具，輕鬆從Youtube和其他網站下載影片！ AnyConv免費線上轉檔工具，支援圖片、文件、影片等超過400種格式！ 相關文章 Chrome遠端桌面教學–即時操作電腦畫面安裝與使用步驟介紹 FontfaceNinja介紹–Chrome快速查看網頁字體與字型大小樣式 OneSignal推播通知–WordPress網頁通知、推播訊息外掛教學 免費網頁空間–000webhost免費虛擬主機，WordPress網站架設教學 GoogleChromeLabsSquoosh高品質線上圖片壓縮工具介紹 RecorditMac教學–免費製作GIF圖片功能及在錄製螢幕操作影片 快速檢查網站是否使用WordPress架設的三種方法！ Pinterest社群介紹–網站樣式設計作品資源分享及操作應用方法 Hotjar意見統計(Polls)設定教學－網站訪客瀏覽體驗調查工具 StackWhats讓你使用WhatsApp和瀏覽者進行溝通！提高網站使用體驗！ UptimeRobot每五分鐘監控一次網站！讓你隨時隨地了解網站情況！ GooglereCAPTCHA教學我不是機器人驗證按鈕架站必學技能 Bigjpg免費AI人工智能無損放大圖片工具，一鍵降噪不失真！ ScreenTray截圖工具–比作業系統內建截圖更有效率的截圖神器 標籤雲 標籤ElementorPRO教學 Elementorwidget Elementor小工具 Elementor教學 GA教學 GA追蹤碼 GIF動畫 GoogleAds多媒體廣告 GoogleAds廣告活動 GoogleAds教學 GoogleAnalytics教學 GoogleConsole教學 GoogleGA GoogleSEO工具 Google分析 Google網站管理員 Google關鍵字廣告 hotjarfeedback Hotjar教學 Hotjar網站 SEO SEO優化工具 SEO工具 SEO教學 WooCommerceWordPress WooCommerce代管 WooCommerce外掛 WooCommerce客製 WooCommerce客製化 WooCommerce教學 WooCommerce維護 WooCommerce設定 WooCommerce購物車 WordPresstheme推薦 Wordpress主題 WordPress主題推薦 WordPress介紹 WordPress外掛 WordPress外掛 WordPress教學 WordPress登入 Youtube 免費線上工具 架站資源 網站分析 ©2015-2022鵠學苑｜WordPress教學｜WooCommerce教學｜隱私權政策｜訂閱電子報｜網站地圖 WordPressxWoocommerce鵠崙設計 回到頂端