什么是 AMP?加速移动页面完整指南

移动优先的思维模式将继续存在——无论从企业角度还是消费者角度来看,这一说法都是正确的。

说用户在购买前会查看手机信息,这是轻描淡写。全球范围内,移动互联网使用量已超过桌面移动使用量。即使是印度、墨西哥和印度尼西亚等国家,智能手机使用量也是桌面使用量的 4 倍以上:

仅在美国,每天就有300 亿个移动时刻(客户查询手机并希望立即得到答复的时刻)。这意味着您的品牌每天有 300 亿个移动机会向用户提供他们想要的东西。

但移动广告支出仍然落后于移动媒体消费:

用户花更多时间在移动设备上浏览而不是购买是有原因的——用户在使用移动设备时更渴望获得即时满足。

回答这个问题——您需要等待多长时间才能加载移动网页?

根据Google 和 SOASTA收集的数据,40% 的消费者会离开加载时间超过三秒的页面。

三秒。

这就是你需要花的全部时间来吸引喜欢并点击你的广告的用户的注意力。如果你的网页未能在上述时间内加载,那么无论广告多么引人注目,你制作的广告都是徒劳的。坏消息是,根据数据,大多数零售移动网站需要大约 6.9 秒才能加载,这是 40% 的用户在放弃页面前等待时间的两倍多。

网页速度如何影响跳出率

速度是衡量移动网页跳出率的重要因素。在进一步探讨这个问题之前,有必要解释一下,移动网站跳出率主要从两个方面考虑速度,即 DOM 就绪时间和整页加载时间:

1. DOM 就绪时间: DOM 就绪时间是浏览器接收和解析页面 HTML 代码所需的时间,它是跳出率的最大预测指标。尽管用户可能不知道 HTML 代码何时被接收和解析,但必须先加载代码,然后才能加载任何页面元素(例如图像)。如果 HTML 代码耗时过长,网站加载时间就会变慢。为了加快移动网页的 DOM 就绪时间,最好避免使用会阻止浏览器解析 HTML 代码的 JavaScript。使用 JavaScript 的页面元素包括第三方广告和社交小部件,必须先从外部服务器获取这些元素,然后才能加载页面。

2. 整页加载时间:整页加载时间包括图片、字体、CSS 代码等在网页上加载所需的时间。整页加载速度越快,跳出率就越低:

为了确保您的网页具有更快的整页加载时间,您应该优化图像、字体,并避免使用可能减慢加载时间的第三方文件。

页面加载时间是页面跳出率最高的一个原因,更糟糕的是,用户不仅会放弃该页面,而且研究表明,79% 的用户一旦在网页上遇到缓慢的体验就不会再回来。

考虑一下有关页面加载速度的这些惊人发现:

  • 通过 3G 连接,平均移动网站需要 19 秒才能加载,77% 的移动网站需要超过 10 秒才能加载。
  • Google 发现,网页加载时间每增加一秒,转化率就会降低 20% 。相比之下,加载时间为 5 秒的网站的移动广告收入是加载时间为 19 秒的网站的 2 倍。
  • 61% 的用户不太可能返回他们无法访问的移动网站。

这意味着什么?

如果移动页面加载不即时,对用户来说不够快,他们就会跳出,并且可能不会再回来。
为了确保你的移动网页不会发生这种情况,你必须对你的移动网站和登录页面进行 AMPlify。

什么是 AMP?

Google推出Accelerated Mobile Pages开源项目,以确保移动网页以最佳速度运行。

AMP 项目旨在“共同构建未来的网络”,允许您创建在各个设备和分发平台上始终快速、美观且性能卓越的网页和广告。

AMP 是与数千名开发者、出版商、网站、分销公司和科技公司合作开发的。迄今为止,已创建了超过 15 亿个 AMP 页面,并且有超过 100 家领先的分析、律师数据库 广告技术和 CMS 提供商支持 AMP 格式。

当您以 AMP 格式创建移动页面时,您将获得:

1. 更高的性能和参与度:在 AMP 开源项目中创建的页面几乎可以立即加载,为用户在手机和桌面上提供流畅、更具吸引力的体验。

2. 灵活性和结果:企业有机会决定如何呈现其内容以及使用哪些技术供应商,同时维持和改进 KPI。

您可能之前点击过 AMP 页面,只是您没有意识到。您可能唯一注意到的是,点击后页面的显示速度有多快。AMP 构建的网页在搜索结果中有一个闪电指示器。

您可以通过以下方法在搜索结果中识别 AMP:

律师数据库

AMP 页面与普通网页相比如下所示:

 

AMP 页面之所以能立即加载,是因为 AMP 限制了 HTML/CSS 和 JavaScript,从而可以更快地呈现移动网页。与常规移动页面不同,AMP 页面会被 Google AMP Cache 自动缓存,从而缩短 Google 搜索的加载时间。

用户在使用移动设备时有一定的期望,他们希望获得有意义、相关且更快捷的体验——为确保满足目标受众的期望,AMP 是您最好的选择。

本指南将带您了解有关 AMP 开源项目的所有信息。我们将详细介绍 AMP 的工作原理以及网页加载速度如此之快的原因。

本指南还将介绍案例研究,说明如何使用 AMP 帮助不同行业的企业提高转化率,以及对网页进行 AMPlify 后您将获得哪些好处。最后一部分将讨论什么是 Accelerated Mobile 着陆页,以及为什么您应该创建这些页面来为访问者提供更快、更相关的着陆页。

第 2 部分:AMP 如何工作?

谷歌于 2016 年 2 月推出了加速移动页面 (AMP)开源框架。建立该框架是因为需要创建优化、紧密集成的用户体验,而不是用户每天面对的笨重而缓慢的移动体验。

Google 启动 AMP 项目是为了创建一个框架,为创建优化的移动网页体验提供一条精确的路径。AMP 开源项目有详尽的文档,易于部署、可验证,并且坚持在网页设计中以用户为先。

自两年前推出以来,已有 2500 万个域名发布了超过 40 亿个 AMP 页面:

 

自推出以来,AMP 页面的数量不仅增加了,而且速度也提高了,现在 AMP 页面从 Google 搜索加载的平均时间不到半秒。

AMP 可使网站流量增加 10%,页面停留时间增加 2 倍。黑色星期五电子邮件主题行 与非 AMP 页面相比,使用 AMP 的电子商务网站的销售额和转化率提高了 20%:

 

AMP 帮助企业创建精简、干净且相关的网页版本,为用户提供更快的移动网络体验。

Chartbeat 分析了2016 年 6 月至 2017 年 5 月期间使用 AMP 的 360 个网站的数据,发现使用 AMP 页面的典型发布商在其 AMP 内容上会发现 16% 的移动流量。

AMP 页面的加载速度大约是标准网页的四倍,而且用户对 AMP 页面的参与度比标准移动网页高出 35%:

 

现在我们知道了为什么应该使用 AMP 页面,电话号码 让我们看看 AMP 的工作原理,以及它与响应式网页设计、Facebook 的即时文章和渐进式网页应用程序的比较。

AMP 的 3 个核心组件

AMP HTML 本质上就是 HTML,只是为获得可靠的性能而进行了一些限制。最简单的 AMP HTML 文件如下所示:

 

AMP HTML 中的大多数标签都是常规 HTML 标签,但有些 HTML 标签会被替换为 AMP 专用标签。这些自定义标签称为 AMP HTML 组件,它们使常见的标签模式能够以高效的方式轻松实现。搜索引擎和其他平台通过 HTML 标签发现 AMP 页面。

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部