使用 PageSpeed Insights 讓您的網站更適合在行動裝置上瀏覽

2014年5月20日星期二

原文： Making your site more mobile-friendly with PageSpeed Insights
作者：Matthew Steele， Doantam Phan, PageSpeed Insights team

為了協助開發人員和網站管理員製作更適合行動裝置瀏覽的網頁，我們最近更新了 PageSpeed Insigts，加入更多關於行動裝置適用性的建議。

網頁如果不好用，即使載入速度快也沒用。行動網頁平均需要 7 秒以上的載入時間 ，使用 PageSpeed Insights 工具 並按照其中的速度建議設定，可以 加快網頁載入的速度 。不過，即使您的行動網站速度飛快，只要 2 秒即可載入，但是之後若需花 5 秒的時間以雙指縮放及捲動畫面，才能開始閱讀文字內容及使用網頁上的互動功能，那麼使用者實際上還是要等待 7 秒鐘，網站的速度優勢也蕩然無存。PageSpeed Insights 最新的「使用體驗」規則可讓您找出這類適用性問題並進行修正。

目前新的建議事項涵蓋以下方面：

• 設定檢視區 ：如果沒有中繼檢視區標記，新型行動瀏覽器就會判斷您的網頁不適合透過行動裝置瀏覽，從而回復至電腦檢視區，甚至可能套用放大字型，影響您所希望呈現的網頁版面配置。針對行動裝置調整網站時，請務必先 設定檢視區 ，指定 width=device-width 這項參數。
• 根據檢視區調整內容大小 ：使用者偏好以上下捲動的方式瀏覽行動網站，而非左右捲動網頁。設定檢視區後，請確認您的網頁內容是否 符合檢視區的寬度 。也請注意，每款行動裝置的寬度可能不同。
• 使用易讀的字型大小 ：如果使用者必須放大智慧型手機的畫面才能夠看清楚內文，表示您的網站不適合透過行動裝置瀏覽。PageSpeed Insights 會檢查您網站上的 文字是否夠大 ，讓大多數使用者能夠舒適地閱讀。
• 適當調整點按目標大小 ：最讓使用者煩惱的事情，莫過於想要在手機或平板電腦的觸控螢幕上輕觸按鈕或是連結，卻因為指腹比游標大而不慎按錯位置。請務必確保行動網站在觸控螢幕上的 點按目標大小適中 ，讓使用者可以輕鬆點按。
• 避免使用外掛程式 ：大部分的智慧型手機都不支援 Flash 或其他瀏覽器外掛程式，因此請確保您的行動版網站 不需依賴外掛程式 。

有關這些規則的相關詳情，請參閱 我們的說明網頁 。當您準備好網站後，可以使用 PageSpeed Insights 工具 測試網頁和您所做的改進。我們還為 PageSpeed Insights 採用了更符合行動裝置的設計，並且將說明文件翻譯成更多語言。

和往常一樣，如果您有任何問題或意見，歡迎到我們的 討論群組 中發文。