利用PageSpeed Insights让您的网站更加适合移动设备访问

2014年5月20日星期二

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

为了帮助开发者和网站站长优化其网页，使网页更加适合移动设备访问，我们近期对PageSpeed Insights进行了更新，提供了一些有关移动设备使用性能的补充建议。

使用性能不佳可能会削弱网页快速加载带来的优势。我们都知道，移动网页的平均 加载时间超过7秒 ，但利用 PageSpeed Insights工具 并遵循其加速建议，您可以 提高网页加载速度 。不过，假设您的移动网站可快速加载，只需2秒，而非7秒。如果移动用户在网页加载完成后，仍需多花费5秒来执行双指张合缩放操作和滚动屏幕操作，才能开始阅读文本以及进行网页交互，那么您的网站使用起来实际上就不算快了。PageSpeed Insights的全新用户体验规则可以帮助您发现和解决这些使用性能方面的问题。

这些新建议目前涵盖了以下几个方面：
  • 配置视口 ：若未配置元视口代码，新型移动设备浏览器将会把您的网页视为不适合移动设备访问，因而会回退到桌面设备视口，并且可能会放大字体，从而破坏您原本期望的页面布局。要优化网站在移动设备上的性能，第一步就是 配置视口 （使用代码width=device-width）。
  • 调整内容尺寸，使其符合视口大小 ：用户希望可以垂直滚动浏览移动网站，而非水平滚动浏览。在完成视口配置后，请确保您的网页内容 符合相应视口的宽度 （请注意，并非所有移动设备都具有相同的宽度）。
  • 设置字体大小，使其清晰可辨 ：如果用户需要放大字体才能在其智能手机屏幕上阅读文章内容，那么您的网站并不适合移动设备访问。PageSpeed Insights可检查您网站上的 文字字体大小是否合适 ，让大多数用户阅读起来舒适自在。
  • 适当调整点按目标的尺寸 ：在手机或平板电脑的触摸屏上点按某个按钮或链接，稍一疏忽，就容易碰到其他按钮或链接，没有比这更令人抓狂的了，因为您的指垫要比桌面设备的鼠标光标大多了。请确保您的移动网站在触摸屏上显示的 点按目标足够大 ，便于用户轻松点按。
  • 避免使用插件 ：大多数智能手机不支持Flash或其他浏览器插件，因此请确保您的移动网站 不依赖插件 。
上述规则在 我们的帮助页面 中都有更为详细的介绍。如果您的网页已准备就绪，便可使用 PageSpeed Insights工具 测试网页及所做的改进。为使用适合移动设备的设计，我们也在持续不断地更新PageSpeed Insights，并且提供了多种其他语言版本的帮助文档。

和以往一样，如果您有任何问题或反馈，欢迎您在 我们的 帮助论坛 中发帖。