Google 出品:小型企業網站 Mobile Friendly 速度測試工具
Mobile Website Speed Testing Tool 是 Google 2016 年 6 月推出的小型企業網站,行動裝置相容性 ( Mobile Friendly ) 與速度測試工具。這個工具結合了「PageSpeed Insights」與「Mobile Friendly」兩者的功能,方便的為企業主分析當前企業網站對於移動設備適配性,與行動和電腦版網站的速度優化建議。
使用 Mobile Website Speed Testing Tool 測試網站性能時,只要輸入網站的網址就能夠得到簡易的網頁性能評分。除了顯示「0 ~ 100」的分數外,評分也分為三個等級「良好 ( 綠色 )、中等 ( 黃色 ) 和較差 ( 紅色 )」。
由於這個工具是推薦給企業用戶使用,所以速度測試不會像「PageSpeed Insights」一樣有太多的技術細節。另外的在移動友好的評分則是改進了「行動裝置相容測試」的功能,這部份則是直接加入了分數顯示與評分等級。
Performance|Web|Google Developers:Web Fundamentals
thinkwithGoogle:Get ready to rebuild
測試工具在撈網站資料時,會需要一些時間。
測試工具在讀取完我們的網頁資料後,會在畫面中對行動裝置相容性、行動裝置與桌機電腦的載入速度,直接做分數評鑑與等級的評分。點取畫面中的「黃色下拉按鈕」可以觀察進一步的改進建議。
如果網站在分數與等級評分上都為「良好」,則不會出現改進建議的「黃色下拉按鈕」。另外,右下角的白色按鈕,則為分享按鈕,可以將網頁得分分享到 Email 與 G+、FB、Linkedin 等社群。
點取「查看詳情」,可以獲得依據字體、畫面視野、按鈕大小、外掛程式而取得的評分。
畫面中,會將阻擋網頁速度的幾個因素,呈列在這螢幕上。由於這份資料,是給企業主使用,所以速度測試不會像「PageSpeed Insights」一樣有太多的技術細節。
同樣的畫面中,也會將阻擋網頁速度的幾個因素,呈列在這螢幕上。
也可以點取畫面上的「獲得免費報告」。輸入 Email 可以收到 Google 產品和服務的免費電子報。
如果公司暫時沒有美編人員,需要重新建站。使用「英文版」做測速時,可以點取剛才畫面中的「下面是平台的列表」。畫面會被帶往「Weebly、Wix、Duda」等,快速建站平台 (* 收費)。方便快速重新建置您的網站。
如果你是網頁開發人員,可以前往「Google Developers:Web Fundamentals」觀察網頁調校細結。
Google 行動裝置相容性測試,網頁手機瀏覽最佳化測試
使用 Mobile Website Speed Testing Tool 測試網站性能時,只要輸入網站的網址就能夠得到簡易的網頁性能評分。除了顯示「0 ~ 100」的分數外,評分也分為三個等級「良好 ( 綠色 )、中等 ( 黃色 ) 和較差 ( 紅色 )」。
由於這個工具是推薦給企業用戶使用,所以速度測試不會像「PageSpeed Insights」一樣有太多的技術細節。另外的在移動友好的評分則是改進了「行動裝置相容測試」的功能,這部份則是直接加入了分數顯示與評分等級。
![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_001 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_001](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWo-J6wgwfALcBPHMpKww_voo_aEwJ24g9BZCQ2E9q1AsgU7aULVex05FFEeLJEQS8U0ih5szHVZxL8LJVQ5CphmRwR-eghrbMMjcyQsVj5W9sIwximBXDz0dhIJ4w7uW-CzSDgG9Ut0/s1600/testmysite-thinkwithgoogle_001.jpg)
相關連結
TestMySite thinkwithGoogle:Mobile Website Speed Testing ToolPerformance|Web|Google Developers:Web Fundamentals
thinkwithGoogle:Get ready to rebuild
使用方式
取得網頁整體行動友好速度分析
前往 Mobile Website Speed Testing Tool 網頁輸入網站網址,即可開始分析網頁。![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_101 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_101](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ48ETFOEANE-0tDAAjbP5Vhor1sVT06gugjt2wircCwBmej2QDlknxYVhTb36yqXp8DyHdU-yCGfRBbTLkR3cRLlBb0Y0lif0uMIUiZ0geB6WkfxwZZX4Ii_q1w3PipJCWrqv9-fhM0w/s1600/testmysite-thinkwithgoogle_101.jpg)
測試工具在撈網站資料時,會需要一些時間。
![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_102 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_102](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx9_E8_O7IUrZZmSVVOUC-Twr00SymSw_PHt2k9um255-DbpDGlxunDPakyhSd0YI14tGe78sXxCljgalMlZ1QfJm9pnsTLixVn6PJ4Y2oF9Ia-3o4fXjDLLg5oleJf0M-TFq0EU6MV74/s1600/testmysite-thinkwithgoogle_102.jpg)
測試工具在讀取完我們的網頁資料後,會在畫面中對行動裝置相容性、行動裝置與桌機電腦的載入速度,直接做分數評鑑與等級的評分。點取畫面中的「黃色下拉按鈕」可以觀察進一步的改進建議。
![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_103 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_103](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGFscg4DW9IjkS0eFigrUQ0jMlrMLtXsxi8t045yrnStqtfUr1qO_7YrtK5a3VjUlxkJL3KVcz_NLVZPJHF9yDGAKsyvtMrgO45L0Tef7f-Lru6qZP59obgmUqQi5VAjvkqA5Z97DCZdM/s1600/testmysite-thinkwithgoogle_103.jpg)
如果網站在分數與等級評分上都為「良好」,則不會出現改進建議的「黃色下拉按鈕」。另外,右下角的白色按鈕,則為分享按鈕,可以將網頁得分分享到 Email 與 G+、FB、Linkedin 等社群。
![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_104 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_104](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiITpDP9F2jGsUGS3Kh69-CFsl-KDX-MNVGIQUQogcVqR9_-X3BI8w0kfWauka-FFypGCvo5Y-9qkGGm0QvCN1pw_intDc3es0EpjEJ0gyjKBTB1S2zXT7Mdhf2i3vGso5hJgDs1udz3z4/s1600/testmysite-thinkwithgoogle_104.jpg)
行動裝置相容性測試
如果剛才的測試有需要改進的部份,在剛才點下了畫面中的「黃色下拉按鈕」,會來到行動裝置相容性測試頁面。![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_201 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_201](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBZOAPqnxagS6HVuSp0_zI6Hoh3ge8iBLAMvHYm4jZEn_S-d-xPU1ymAl5VOOzIo_TiCmqooK4OuIFqoXwPIeMmZq48wdFcs0qeHTCKWcBHMMajulxEoh69AJPkPAViZRJ5oFI_jnI1co/s1600/testmysite-thinkwithgoogle_201.jpg)
點取「查看詳情」,可以獲得依據字體、畫面視野、按鈕大小、外掛程式而取得的評分。
![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_202 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_202](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMaY8KlEuGMRJ_d86x0LFpRZWKOouCP4P2hMiPRiB4Y8aWbEM7sMKAwASwXF5f98R8O3hOvwlqooTiJZ7NbW74o_E7Z4a5h8OuWwej4a873ogXnp40JN1aVRLt9G5qOPowfrvxPx6nLc/s1600/testmysite-thinkwithgoogle_202.jpg)
行動裝置載入速度
接著往下拉,可以觀察對行動裝置的網頁優化建議。點取「查看修正建議」。![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_301 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_301](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR4EX27aj4jIBt8lIs0P_wG4W_blB0TUYVGawzcd28IE5dqiQME24Qfavm7yoFD4HoB9hyxCsA7xMqI4XWv5AMA9aQfrRV8YjNORD1zcHvRrCYp5Ak18lcsznO4aGaJ7-tljG4vEA_bes/s1600/testmysite-thinkwithgoogle_301.jpg)
畫面中,會將阻擋網頁速度的幾個因素,呈列在這螢幕上。由於這份資料,是給企業主使用,所以速度測試不會像「PageSpeed Insights」一樣有太多的技術細節。
![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_302 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_302](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpkR6PwosJTmhIThSYpZMX-MqfwlvlzOcvD9efaUbCvnCMHG1O_KJb534pfLtTvycZdND4r_zbHbDusOTe6SoslZGP3bF503lnhCYiPTkus1F8HltV83jSbPNuYAQsZFu1FdWb3SKQl7E/s1600/testmysite-thinkwithgoogle_302.jpg)
桌機電腦裝置載入速度
再接著往下拉,可以觀察對桌機電腦裝置的網頁優化建議。這邊點取「查看修正建議」。![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_401 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_401](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu4Jj3FhAxPcGqnKMbhnui68XpnV0bJ7lQG63uh_nAYs5AidErEu7PIP4yoQPCozNtYFBWGJoy9eRqZVzNOJtRwdz_prThaMcH3fTHmWmBPgNa1bVRtOsEIk-9oLNOXP5WWDMbCTKnaZU/s1600/testmysite-thinkwithgoogle_401.jpg)
同樣的畫面中,也會將阻擋網頁速度的幾個因素,呈列在這螢幕上。
![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_402 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_402](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyYjberpo5w251MzXMQaZMG9CHJUcTu0t_BeV_9bb94wLtsC_Ztvcamm6fgnSJ64iNx-wWTd6kZGmVECA9Amlg-iCvnVixNPLpk0oAmHY2bADcI42MGyj_NFalYvCItJFzOpJ5_0-C_2o/s1600/testmysite-thinkwithgoogle_402.jpg)
獲取免費報告
企業主在觀察完網頁,整體行動裝置相容性與相關速度測試資料後。可以將資料結果交給網頁前後端工程師做優化處理。![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_501 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_501](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5qOMDR8i8ysOlygTvJbLzGVeMd2WAFB2G-QNmYb2DveATFWpUjHW42HslT9GQcjQAIjdm_JRp7Nb1-QrkBRRqwAKBnF-Im9McR33M3KHUg05jB7LDrrOiierD7RfyQE_T-pFA7QAwDiY/s1600/testmysite-thinkwithgoogle_501.jpg)
也可以點取畫面上的「獲得免費報告」。輸入 Email 可以收到 Google 產品和服務的免費電子報。
![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_502 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_502](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2YFyi-0P0z-UfJ7nfLsBX0-AJLURlSvOyUWy6POHVwKlXD2gW0SphPXGisS2p8Rkxs5eiiScoY2-9cPHaOJjYnAS6hFCKJquzDIGMubL8YOX187XurMT8Bs7x1gnhJKe9ULDm3uaBBIE/s1600/testmysite-thinkwithgoogle_502.jpg)
如果公司暫時沒有美編人員,需要重新建站。使用「英文版」做測速時,可以點取剛才畫面中的「下面是平台的列表」。畫面會被帶往「Weebly、Wix、Duda」等,快速建站平台 (* 收費)。方便快速重新建置您的網站。
![Google 出品:小型企業網站 Mobile Friendly 速度測試工具_503 Google 出品:小型企業網站 Mobile Friendly 速度測試工具_503](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjMl1jJmAiFEtwJYOoVaJT51fQL3plcGEbFvkGdqqm0efEotU2WGkkYOlBMnA0cOPLsB9qO1gFy9iMuh5RS_BKBvOXrXFL1ljxfSibEb3dof_M885SUNcnhEanDtTo1QeHADlRlqB4v3w/s1600/testmysite-thinkwithgoogle_504.jpg)
如果你是網頁開發人員,可以前往「Google Developers:Web Fundamentals」觀察網頁調校細結。
小結
行動裝置相容性測試,與行動、電腦桌機裝置速度調校,每個項目都要在 90 以上的完成度並不容易,網頁前端與後端需相互配合。相關文章
Google PageSpeed Insights 網站速度測試與性能優化建議Google 行動裝置相容性測試,網頁手機瀏覽最佳化測試
留言
張貼留言