使用Google PageSpeed Insights檢測網站速度是否需要改善!

文章推薦指數: 80 %
投票人數:10人

PageSpeed Insights是Google所提供的網站速度檢測工具,Page Speed Insights是根據”註1載入不須捲動位置時間”及”註2載入完整網頁時間”來衡量網頁效能,它會擷取網址兩 ... RecentPosts Magento2設定Braintree金流(Sandbox模式) Photoshop【超簡單系列】NeuralFilters-超縮放 Categoryattribute無法存入表單為0值 如果使用Cloudflare取IP的問題和解決方法 Photoshop【超簡單系列】NeuralFilters-彩色化 文章分類 Shopify Magento Magento2開源版 Magento2商業版 電子商務 Zendesk Mailchimp Akeneo PIM Oracle 網站技術與設計 Adobe教學 前端開發 後端開發 網站測試 Wordpress 行銷與實用好文 最新動向 文章彙整文章彙整 SelectMonth April2022 (5) March2022 (12) February2022 (4) January2022 (1) December2021 (6) November2021 (1) October2021 (7) September2021 (7) August2021 (11) July2021 (7) June2021 (14) May2021 (11) April2021 (6) March2021 (6) February2021 (12) January2021 (8) December2020 (13) November2020 (7) October2020 (15) September2020 (7) August2020 (14) July2020 (2) June2020 (17) May2020 (14) April2020 (17) March2020 (21) February2020 (4) January2020 (2) December2019 (4) November2019 (3) October2019 (7) September2019 (11) August2019 (13) July2019 (2) June2019 (10) May2019 (14) April2019 (11) March2019 (8) February2019 (9) January2019 (14) December2018 (16) November2018 (20) October2018 (22) September2018 (30) August2018 (22) July2018 (36) June2018 (24) May2018 (21) April2018 (12) March2018 (32) February2018 (15) January2018 (15) December2017 (39) November2017 (15) October2017 (13) September2017 (13) August2017 (14) July2017 (4) June2017 (16) May2017 (15) April2017 (9) March2017 (7) February2017 (6) January2017 (12) December2016 (14) November2016 (6) October2016 (12) September2016 (11) August2016 (18) July2016 (12) June2016 (16) May2016 (9) April2016 (10) March2016 (15) February2016 (14) January2016 (18) December2015 (21) November2015 (32) October2015 (24) September2015 (28) August2015 (25) July2015 (26) June2015 (23) May2015 (15) April2015 (18) March2015 (16) February2015 (21) January2015 (17) December2014 (22) November2014 (20) October2014 (15) September2014 (13) August2014 (11) July2014 (12) June2014 (9) May2014 (10) April2014 (11) March2014 (6) January2014 (1) November2013 (5) October2013 (2) 關於歐斯瑞 Back 工作機會 Magento Back Magento解決方案 Back Magento服務 MagentoOpenSource MagentoCommerce MagentoCommerceCloud MagentoOMS MagentoXMiraklB2B2C商城 MagentoforB2B/B2E Magento內部系統串接 Back ERP管理系統整合  PIM商品管理系統整合 POS系統整合 CRM客戶管理系統整合 Magento外部系統串接 Back 各國金流系統 第三方客服系統 Magento健檢中心 Back Magento1升級Magento2 Magento維運服務 MagentoforHeadless&PWA Back MagentoforHeadless&PWA Shopify 企業電商顧問 Back 電商轉換率分析CRO 網站速度優化 AWS主機伺服器建置維運服務 成功經驗 Back 客戶成功案例 客戶回饋 新知分享 Back Magento Shopify 聯絡我們 使用GooglePageSpeedInsights檢測網站速度是否需要改善!ByAstralWeb5yearsago2Comments首頁 / 網站技術與設計 / 使用GooglePageSpeedInsights檢測網站速度是否需要改善! 一個優質的網站,除了整體介面、功能與商品外,也應該注意網站的速度(不含額外因素,如:網站所在位置),因為它除了會反應在使用者體驗外,也可能影響到網站SEO排名。

畢竟現在已是人手一機,使用者隨時都能上網,倘若使用者因載入速度太慢放棄等待而離開網站(特別是購物網站),起不錯失了成交的機會。

相關文章:SEO優化指南 那麼該如何幫自己的網站做健檢,以進一步了解網站需不需要改善或該朝哪個方向改善,進而加以優化?   今天歐斯瑞介紹以Google所提供的檢測工具PageSpeedInsights來做介紹。

PageSpeedInsights是根據”註1載入不須捲動位置時間”及”註2載入完整網頁時間”來衡量網頁效能,它是透過代理程式來擷取網址兩次,分別是電腦使用者和行動裝置使用者,以此衡量網頁在電腦和行動裝置上的效能並給予修正建議。

現在就一起來看看該如何使用PageSpeedInsights來檢測自己的網站吧!   PageSpeedInsights教學 進入PageSpeedInsights網站後,輸入您想要檢測的網站網址並點擊“ANALYZE”。

接下來只要等待PageSpeedInsights分析完畢,便可看到分析結果與建議。

  行動版分析結果 電腦版分析結果     若想了解各個項目的修正方法,可點擊Showhowtofix,即可顯示出詳細內容。

如下圖PageSpeedInsights給予的建議是將圖片優化,以避免影響下載速度。

不過,有些是我們無法優化的,比如網站中有使用第三方的外掛程式,這些就非我們所能夠控制或進行修改,所以當面臨這些情形時就要有所取捨了。

  建議圖形標示說明: 在這裡需要注意的是PageSpeedInsights僅從與網路無關方面來檢視網頁效能,如:伺服器的配置、網頁HTML結構和使用外部資源(外部資源指的是JavaScript、CSS、圖片)…等。

  最後在這裡提醒大家,通常網站速度會慢,大部分都是因為載入外部資源造成整體網站速度變慢(較常見的是圖片未優化),當然這其中也包含了額外的因素,比如”網站的所在位置”…等。

至於還有哪些額外因素在這裡就不多加以解釋說明。

若要解決以提升網頁效能,還是得看使用者的網路連線速度,因為網路連線速度的快慢也是其中的因素之一喔!   註1:載入不需捲動位置時間:自使用者要求新網頁到瀏覽器呈現不需捲動位置的內容所經過的時間。

註2:載入完整網頁時間:自使用者要求新網頁到瀏覽器呈現完整網頁內容所經過的時間。

      參考網址:https://developers.google.com/speed/docs/insights/about PageSpeedInsights網址:https://developers.google.com/speed/pagespeed/insights/   RecentPosts Magento2設定Braintree金流(Sandbox模式) Photoshop【超簡單系列】NeuralFilters-超縮放 Categoryattribute無法存入表單為0值 如果使用Cloudflare取IP的問題和解決方法 Photoshop【超簡單系列】NeuralFilters-彩色化 文章分類 Shopify Magento Magento2開源版 Magento2商業版 電子商務 Zendesk Mailchimp Akeneo PIM Oracle 網站技術與設計 Adobe教學 前端開發 後端開發 網站測試 Wordpress 行銷與實用好文 最新動向 文章彙整文章彙整 SelectMonth April2022 (5) March2022 (12) February2022 (4) January2022 (1) December2021 (6) November2021 (1) October2021 (7) September2021 (7) August2021 (11) July2021 (7) June2021 (14) May2021 (11) April2021 (6) March2021 (6) February2021 (12) January2021 (8) December2020 (13) November2020 (7) October2020 (15) September2020 (7) August2020 (14) July2020 (2) June2020 (17) May2020 (14) April2020 (17) March2020 (21) February2020 (4) January2020 (2) December2019 (4) November2019 (3) October2019 (7) September2019 (11) August2019 (13) July2019 (2) June2019 (10) May2019 (14) April2019 (11) March2019 (8) February2019 (9) January2019 (14) December2018 (16) November2018 (20) October2018 (22) September2018 (30) August2018 (22) July2018 (36) June2018 (24) May2018 (21) April2018 (12) March2018 (32) February2018 (15) January2018 (15) December2017 (39) November2017 (15) October2017 (13) September2017 (13) August2017 (14) July2017 (4) June2017 (16) May2017 (15) April2017 (9) March2017 (7) February2017 (6) January2017 (12) December2016 (14) November2016 (6) October2016 (12) September2016 (11) August2016 (18) July2016 (12) June2016 (16) May2016 (9) April2016 (10) March2016 (15) February2016 (14) January2016 (18) December2015 (21) November2015 (32) October2015 (24) September2015 (28) August2015 (25) July2015 (26) June2015 (23) May2015 (15) April2015 (18) March2015 (16) February2015 (21) January2015 (17) December2014 (22) November2014 (20) October2014 (15) September2014 (13) August2014 (11) July2014 (12) June2014 (9) May2014 (10) April2014 (11) March2014 (6) January2014 (1) November2013 (5) October2013 (2)  00000 歐斯瑞-一個對網路世界充滿熱情的團隊 歐斯瑞提供免費電商知識,並協助各大類型之企業 電商諮詢建置與 Magento和 Shopify相關的電商專案。

立即聯繫我們 上一篇文章如何解決Magento2預設主題的選單問題下一篇文章打造PHP7與PHP5共存環境(Ubuntu)推薦文章Photoshop【超簡單系列】NeuralFilters-超縮放2022-04-27 0Categoryattribute無法存入表單為0值2022-04-25 0如果使用Cloudflare取IP的問題和解決方法2022-04-20 0Photoshop【超簡單系列】NeuralFilters-彩色化2022-04-18 0Categories:  網站技術與設計網站測試Tags:  網頁優化,網站測試,網站速度優化,測試工具,google工具,網站技術與設計 2Comments 2021-10-04at12:00:22 阿樂says: 這個頁面好難閱讀,一直滾….. Reply 2021-10-04at15:51:08 AstralWebsays: 阿樂您好, 感謝您的建議~ 歐斯瑞官網正在進行改版中,敬請期待! Reply 留下回應取消回覆 你的電子郵件地址不會被公開.姓名* 電子郵件* 網站 維運服務



請為這篇文章評分?