使用Google PageSpeed Insights檢測網站速度是否需要改善!
文章推薦指數: 80 %
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
留下回應取消回覆
你的電子郵件地址不會被公開.姓名*
電子郵件*
網站
維運服務
延伸文章資訊
- 1Google 網頁速度檢測器| 網頁設計資源彙整 - 夏木樂網頁設計
Google 網頁速度檢測器. PageSpeed Insights 會分析網頁內容,並提供如何加快網頁載入速度的建議。 分享資訊.
- 2(超好用) 5個網站測速平台,加快網站速度提升使用體驗
個網站速度測試平台、工具推薦
- 316 個免費網站測速工具,分析網頁效能表現
網站速度測試工具列表
- 4測試我的網站
看看比起其他知名品牌,您的網站速度排名如何,以及您能如何提供更快、更流暢的行動體驗.
- 59款最好用的網站速度測試工具推薦(2022更新) - 模範城市
最好用的免費網站速度測試工具 · 1. Google PageSpeed Insights · 2. Pingdom · 3. GTmetrix · 4. WebPageTest · 5. Up...