新聞發(fā)布
管理系統(tǒng)為了幫助開發(fā)者和網(wǎng)站站長優(yōu)化其網(wǎng)頁,使網(wǎng)頁更加適合移動設(shè)備訪問,我們近期對PageSpeedInsights進行了更新,提供了一些有關(guān)移動設(shè)備使用性能的補充建議
使用性能不佳可能會削弱網(wǎng)頁快速加載帶來的優(yōu)勢 我們都知道,移動網(wǎng)頁的平均加載時間超過7秒,但利用PageSpeedInsights工具并遵循其加速建議,您可以提高網(wǎng)頁加載速度 不過,假設(shè)您的移動網(wǎng)站可快速加載,只需2秒,而非7秒 如果移動用戶在網(wǎng)頁加載完成后,仍需多花費5秒來執(zhí)行雙指張合縮放操作和滾動屏幕操作,才能開始閱讀文本以及進行網(wǎng)頁交互,那么您的網(wǎng)站使用起來實際上就不算快了 PageSpeedInsights的全新用戶體驗規(guī)則可以幫助您發(fā)現(xiàn)和解決這些使用性能方面的問題
這些新建議目前涵蓋了以下幾個方面
配置視口 若未配置元視口代碼,新型移動設(shè)備瀏覽器將會把您的網(wǎng)頁視為不適合移動設(shè)備訪問,因而會回退到桌面設(shè)備視口,并且可能會放大字體,從而破壞您原本期望的頁面布局 要優(yōu)化網(wǎng)站在移動設(shè)備上的性能,第一步就是配置視口(使用代碼width=device-width)
調(diào)整內(nèi)容尺寸,使其符合視口大小 用戶希望可以垂直滾動瀏覽移動網(wǎng)站,而非水平滾動瀏覽 在完成視口配置后,請確保您的網(wǎng)頁內(nèi)容符合相應(yīng)視口的寬度(請 意,并非所有移動設(shè)備都具有相同的寬度)
設(shè)置字體大小,使其清晰可辨 如果用戶需要放大字體才能在其智能手機屏幕上閱讀文章內(nèi)容,那么您的網(wǎng)站并不適合移動設(shè)備訪問 PageSpeedInsights可檢查您網(wǎng)站上的文字字體大小是否合適,讓大多數(shù)用戶閱讀起來舒適自在
適當(dāng)調(diào)整點按目標的尺寸 在手機或平板電腦的觸摸屏上點按某個按鈕或鏈接,稍一疏忽,就容易碰到其他按鈕或鏈接,沒有比這更令人抓狂的了,因為您的指墊要比桌面設(shè)備的鼠標光標大多了
請確保您的移動網(wǎng)站在觸摸屏上顯示的點按目標足夠大,便于用戶輕松點按 避免使用插件 大多數(shù)智能手機不支持Flash或其他瀏覽器插件,因此請確保您的移動網(wǎng)站不依賴插件
上述規(guī)則在我們的幫助頁面中都有更為詳細的介紹 如果您的網(wǎng)頁已準備就緒,便可使用PageSpeedInsights工具測試網(wǎng)頁及所做的改進 為使用適合移動設(shè)備的設(shè)計,我們也在持續(xù)不斷地更新PageSpeedInsights,并且提供了多種其他語言版本的幫助文檔