[unboxing][hrads]

熱門標籤

☆重要訊息:Blogger 官方近期推出的「RWD 自適應範本主題」沒有『行動服務』的設定選項,如果您是觀察「技研可樂」裡的文章做自己網站的設計,使用「自適應範本主題」的使用者可以直接依「技研可樂」文章裡的『電腦版』方式做設定即可完成佈置,不需要開啟『行動服務』。☆

  Blogger 自訂網址應用 CloudFlare HTTPS 系列文章:「CloudFlare

  Blogger HTTPS 相關文章列表:「HTTPS

  Blogger AdSense 廣告放置與相關自適應廣告佈屬文章列表:「AdSense

  Blogger 常用頁面判斷式用法一列表:「Blogger 常用頁面判斷式用法一覽表

Google 出品:小型企業網站 Mobile Friendly 速度測試工具

Mobile Website Speed Testing ToolGoogle 2016 年 6 月推出的小型企業網站,行動裝置相容性 ( Mobile Friendly ) 與速度測試工具。這個工具結合了「PageSpeed Insights」與「Mobile Friendly」兩者的功能,方便的為企業主分析當前企業網站對於移動設備適配性,與行動和電腦版網站的速度優化建議。

使用 Mobile Website Speed Testing Tool 測試網站性能時,只要輸入網站的網址就能夠得到簡易的網頁性能評分。除了顯示「0 ~ 100」的分數外,評分也分為三個等級「良好 ( 綠色 )、中等 ( 黃色 ) 和較差 ( 紅色 )」。

由於這個工具是推薦給企業用戶使用,所以速度測試不會像「PageSpeed Insights」一樣有太多的技術細節。另外的在移動友好的評分則是改進了「行動裝置相容測試」的功能,這部份則是直接加入了分數顯示與評分等級。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_001



相關連結

TestMySite thinkwithGoogle:Mobile Website Speed Testing Tool

Performance|Web|Google Developers:Web Fundamentals

thinkwithGoogle:Get ready to rebuild



使用方式

取得網頁整體行動友好速度分析

前往 Mobile Website Speed Testing Tool 網頁輸入網站網址,即可開始分析網頁。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_101



測試工具在撈網站資料時,會需要一些時間。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_102



測試工具在讀取完我們的網頁資料後,會在畫面中對行動裝置相容性、行動裝置與桌機電腦的載入速度,直接做分數評鑑與等級的評分。點取畫面中的「黃色下拉按鈕」可以觀察進一步的改進建議。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_103



如果網站在分數與等級評分上都為「良好」,則不會出現改進建議的「黃色下拉按鈕」。另外,右下角的白色按鈕,則為分享按鈕,可以將網頁得分分享到 Email 與 G+、FB、Linkedin 等社群。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_104



行動裝置相容性測試

如果剛才的測試有需要改進的部份,在剛才點下了畫面中的「黃色下拉按鈕」,會來到行動裝置相容性測試頁面。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_201



點取「查看詳情」,可以獲得依據字體、畫面視野、按鈕大小、外掛程式而取得的評分。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_202



行動裝置載入速度

接著往下拉,可以觀察對行動裝置的網頁優化建議。點取「查看修正建議」。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_301



畫面中,會將阻擋網頁速度的幾個因素,呈列在這螢幕上。由於這份資料,是給企業主使用,所以速度測試不會像「PageSpeed Insights」一樣有太多的技術細節。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_302



桌機電腦裝置載入速度

再接著往下拉,可以觀察對桌機電腦裝置的網頁優化建議。這邊點取「查看修正建議」。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_401



同樣的畫面中,也會將阻擋網頁速度的幾個因素,呈列在這螢幕上。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_402



獲取免費報告

企業主在觀察完網頁,整體行動裝置相容性與相關速度測試資料後。可以將資料結果交給網頁前後端工程師做優化處理。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_501



也可以點取畫面上的「獲得免費報告」。輸入 Email 可以收到 Google 產品和服務的免費電子報。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_502



如果公司暫時沒有美編人員,需要重新建站。使用「英文版」做測速時,可以點取剛才畫面中的「下面是平台的列表」。畫面會被帶往「Weebly、Wix、Duda」等,快速建站平台 (* 收費)。方便快速重新建置您的網站。

Google 出品:小型企業網站 Mobile Friendly 速度測試工具_503



如果你是網頁開發人員,可以前往「Google Developers:Web Fundamentals」觀察網頁調校細結。



小結

行動裝置相容性測試,與行動、電腦桌機裝置速度調校,每個項目都要在 90 以上的完成度並不容易,網頁前端與後端需相互配合。



相關文章

Google PageSpeed Insights 網站速度測試與性能優化建議

Google 行動裝置相容性測試,網頁手機瀏覽最佳化測試



分享

加入代碼加入代碼

若您在閱覽文章時,於文章頁面找不到相關的應用主題,歡迎移駕到『站內留言』一起研究討論,謝謝!

使用超連結:<a href="https://www.techcoke.com/">技研可樂</a> =『技研可樂

加入圖片 ( https ):支援 HTTPS 網址型式的 .jpg .png 格式圖檔,直接貼入 HTTPS 圖片網址即可在留言時顯示!

支援非嵌入 Youtube 視頻:https://www.youtube.com/watch?v=hdfSISI24Xk (* 瀏覽器網址列中的 Youtube 網址 )

&&amp;'&#039;"&quot;<&lt;>&gt;
技研可樂 © 2013 - 2017

Contact Form

Name

Email *

Message *