Google中文網站管理員 - 中文網誌 [TW]: 使用 PageSpeed Insights 讓您的網站更適合在行動裝置上瀏覽

中文網站管理員 - 中文網誌

我們會在部落格上分享網站管理技巧以及網站管理員工具的最近更新。

使用 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 採用了更符合行動裝置的設計，並且將說明文件翻譯成更多語言。
和往常一樣，如果您有任何問題或意見，歡迎到我們的討論群組中發文。

标签

Google Webmaster
Top Contributor

博客归档

2020
- 十一月
- 九月
- 八月
- 七月
- 六月
- 五月
- 四月
- 三月
- 二月
- 一月

2019
- 十一月
- 十月
- 九月

2018
- 七月
- 五月
- 二月
- 一月

2017
- 十二月
- 十一月
- 六月
- 四月
- 三月

2016
- 十二月
- 十月
- 九月
- 八月
- 五月
- 三月
- 一月

2015
- 十二月
- 十一月
- 十月
- 九月
- 八月
- 七月
- 五月
- 四月
- 三月
- 二月
- 一月

2014
- 十一月
- 九月
- 八月
- 七月
- 六月
- 五月
- 四月
- 三月
- 二月

Feed

如果您有任何意見或問題，請前往我們的產品論壇提問.

Google
Privacy
Terms