中国的博客,走近我们的产品、技术和文化
Google 中国的博客,走近我们的产品、技术和文化
利用PageSpeed Insights让您的网站更加适合移动设备访问
2014年5月22日
为了帮助开发者和网站站长优化其网页,使网页更加适合移动设备访问,我们近期对PageSpeed Insights进行了更新,提供了一些有关移动设备使用性能的补充建议。
使用性能不佳可能会削弱网页快速加载带来的优势。我们都知道,移动网页的平均
加载时间超过7秒
,但利用
PageSpeed Insights工具
并遵循其加速建议,您可以
提高网页加载速度
。不过,假设您的移动网站可快速加载,只需2秒,而非7秒。如果移动用户在网页加载完成后,仍需多花费5秒来执行双指张合缩放操作和滚动屏幕操作,才能开始阅读文本以及进行网页交互,那么您的网站使用起来实际上就不算快了。PageSpeed Insights的全新用户体验规则可以帮助您发现和解决这些使用性能方面的问题。
这些新建议目前涵盖了以下几个方面:
配置视口:若未配置元视口代码,新型移动设备浏览器将会把您的网页视为不适合移动设备访问,因而会回退到桌面设备视口,并且可能会放大字体,从而破坏您原本期望的页面布局。要优化网站在移动设备上的性能,第一步就是
配置视口
(使用代码width=device-width)。
调整内容尺寸,使其符合视口大小:用户希望可以垂直滚动浏览移动网站,而非水平滚动浏览。在完成视口配置后,请确保您的网页内容
符合相应视口的宽度
(请注意,并非所有移动设备都具有相同的宽度)。
设置字体大小,使其清晰可辨:如果用户需要放大字体才能在其智能手机屏幕上阅读文章内容,那么您的网站并不适合移动设备访问。PageSpeed Insights可检查您网站上的
文字字体大小是否合适
,让大多数用户阅读起来舒适自在。
适当调整点按目标的尺寸:在手机或平板电脑的触摸屏上点按某个按钮或链接,稍一疏忽,就容易碰到其他按钮或链接,没有比这更令人抓狂的了,因为您的指垫要比桌面设备的鼠标光标大多了。请确保您的移动网站在触摸屏上显示的
点按目标足够大
,便于用户轻松点按。
避免使用插件:大多数智能手机不支持Flash或其他浏览器插件,因此请确保您的移动网站
不依赖插件
。
上述规则在
我们的帮助页面
中都有更为详细的介绍。如果您的网页已准备就绪,便可使用
PageSpeed Insights工具
测试网页及所做的改进。为使用适合移动设备的设计,我们也在持续不断地更新PageSpeed Insights,并且提供了多种其他语言版本的帮助文档。
和以往一样,如果您有任何问题或反馈,欢迎您在我们的
帮助论坛
中发帖。
標籤
编程之夏,UR
创新
创意改善社会 公益温暖中国
促进智能能源利用
大学
谷歌翻译,即时相机翻译,Instant Camera Translation
谷歌十周年系列
谷歌艺术与文化
观妙中国,Shadow Art,智玩皮影
广告
广告安全
互联网,Internet
科技
女性开发者
社会
视频广告
数据中心
数字营销
搜索
网站管理员
文化研究所
艺术计划
音乐搜索
愚人节
增强型广告系列
智能隐形眼镜项目
中小企业
adexchange
Admob
admob sdk
Ads
Adsense
AdWords
android
android m
Android应用开发中国大学生挑战赛
App Inventor
Calendar
cardboard
CES
Chrome
Chrome Web Store
Chrome,Chrome实验
Chrome实验
CI
Code Jam
corporate
Creative
Cross-device
Cultural Institute
culture
Data Center
DevArt
Developer
display
diversity
Doodle
DoubleClick
G+
G2G,Culture
GA&C
gaming
Global Impact Awards
Gmail
Gogle科学挑战赛
Good to Know
Google Ads
Google AdWords
Google Analytics
Google Art Project
Google Arts & Culture
Google Code-in竞赛
Google Demo Day Asia
Google Docs
Google Doodle
Google Drive
Google Drive 云端硬盘
Google Fiber
Google Font
Google for Startups
Google Green
Google I/O
Google Image Search
Google Keep
Google partners
Google Play
Google Science Fair
Google Search
Google Top Contributor Summit
Google Translate
Google Trend
Google Trends
Google Zeitgeist 2012
Google安全系统
Google博士生奖研金
Google翻译
Google奖学金
Google杰出贡献者峰会
Google科学挑战赛
Google网站管理员
Google网站管理员,Webmaster
Google文化研究所
Google在线营销挑战赛
Google中国教育高峰会
IME 输入法
Innovation
Made with Code
maps
mobile ads
mobile ads sdk
Modoo
moonshot
native ads
Nexus
programmatic buying
Project X
Pwn20wn及Pwnium3 黑客大赛
Remarketing. Ads
Search
Security
smb
Solve for X
Street view
student
UR
VR
Web Platform Docs
web security
Webmaster
year in search 2014
YouTube
zeitgeist
博客归档
2024
11月
10月
8月
7月
6月
5月
4月
3月
2月
1月
2023
12月
11月
10月
9月
5月
4月
3月
2月
2022
11月
10月
5月
4月
2月
1月
2021
10月
9月
5月
4月
3月
2月
2020
12月
5月
4月
3月
2019
10月
8月
7月
6月
5月
4月
3月
2018
12月
10月
9月
8月
7月
6月
5月
3月
2月
1月
2017
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2016
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2015
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2014
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2013
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2012
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2011
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2010
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2009
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2008
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2007
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
1月
2006
12月
11月
10月
9月
8月
7月
6月
5月
4月
3月
2月
Feed