什么是 AMP?
AMP 的全称是 Accelerated Mobile Pages。 是一种为快速展示静态内容而制作网页的计划。
其起源是基于发布者和技术公司之间的研讨,改善移动内容的状况,包括发布者,消费平台,内容创建者和用户。它是一种开源计划。
使用 AMP 的好处是什么呢?
就是为能够提高静态内容的载入速度。研究表明,如果一个页面要10秒钟才能载入,那么其弹出率会高达58%。而使用 AMP 技术后的页面,能让用户更有兴趣投入到页面内容中。
Accelerated Mobile Pages 是如何工作的?
AMP 是另一种 HTML 页面,但是只允许使用有限的功能,这些允许的技术在开源 AMP 计划中都指明了。AMP 文件可以在所有的现代浏览器中打开。AMP所使用的技术确保了页面在载入的时候是速度优先,以提供更为快速的用户体验。
另外,AMP 文件还会被缓存到云端,以减少内容分发到用户的移动设备的时间。使用AMP格式,内容发布者允许第三方云端缓存内容,Google已经宣布它会提供缓存给任何人而不收取费用,所有的 AMP 都能被 Google 缓存。其它公司也许会跟进。
AMP 计划的时间表
2015年10月7日,AMP Project 宣布最初的技术细节,放在了 GitHub 上.
何种内容最适合使用 AMP?
目标是所有的发布内容,从新闻故事到视频,从 blog 到照片和 GIF图片,都可以使用。
一个对比测试
这是本站的一个页面,分别有两个版本,一个是普通的自适应页面,可以在不同的设备上正确显示内容的页面;另一个就是其AMP版本,页面的主体内容都一样。
https://www.youtube.com/embed/7LkcIHM99Sw
对比的结果是很明显的。当然是 AMP 快,而且是非常的快。
目前 AMP 有三个不同的部分组成。
AMP HTML
这是一个最简单的 AMP HTML 例子。
AMP JS
AMP JS 库是管理资源的载入,是按照最佳性能实践来配置的,而且所有的JS都是异步载入,所以在页面上没有什么东西会阻塞页面的渲染。
Google AMP Cache
Google 的 AMP Cache 是一个基于代理机制的内容分发网络 CDN。它会分发所有合格的 AMP 文件。 它抓取 AMP 页面,缓存 AMP 页面,自动改进页面性能。Google AMP Cache在工作的时候,从页面,JS文件到图片等都是从同一个源载入,并且使用HTTP 2.0 使性能最优。