什么是AMP

襄助网络2周前 (11-07)SEO推广代运营751

如果你是一位SEO爱好者最近应该有听说过AMP技术，什么是 AMP对网站优化加速有什么价值无忧来给各位站长进行下讲解。

源于是一种最新的SEO技术，是Google的AMP项目。

AMP，Accelerated Mobile Pages，译意大致是”加速的移动页面”，是Google去年10月份推出的一个提高移动页面访问速度的技术，你可以官方查看到相关的介绍。

点击了解详情 https://www.ampproject.org/zh_cn/docs/get_started/about-amp.html 或者 AMP项目博客

什么是AMP

来看看官方的视频讲解吧，需求科学上网。

通过 AMP 可以构建快速渲染的静态内容网页。 AMP 实例由三个不同部分组成：

AMP HTML AMP JS Google AMP Cache

AMP HTML 是为确保可靠性能而具有某些限制的 HTML，它进行了一些扩展，可以构建超出基本 HTML 的丰富内容。 AMP JS 库可确保快速渲染 AMP HTML 页面。 Google AMP Cache（可选）提供 AMP HTML 页面。

AMP 页面加速演示 AMP HTML

AMP HTML 本质上是使用自定义 AMP 属性扩展的 HTML。最简单的 AMP HTML 文件如下所示：

<!doctype html>
<html ⚡>
 <head>
   <meta charset="utf-8">
   <link rel="canonical" href="hello-world.html">
   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
   <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
   <script async src="https://cdn.ampproject.org/v0.js"></script>
 </head>
 <body>Hello World!</body>
</html>

尽管 AMP HTML 页面中的大多数标记都是常规 HTML 标记，但部分 HTML 标记替换为了 AMP 特定标记（另请参阅

AMP 规范中的 HTML 标记）。利用这些自定义元素（称为 AMP HTML 组件）可以轻松高效地实现常见的模式。

例如，amp-img 标记可提供完整的 srcset 支持，即使在尚不支持该标记的浏览器中也是如此。

了解如何创建您的第一个 AMP HTML 页面。

AMP JS

AMP JS 库可实现所有 AMP 的最佳性能做法，

管理资源加载，并为您提供上面提到的自定义标记，所有这些都是为了确保快速渲染您的页面。

重大优化之一就是使来自外部资源的所有内容保持异步，让页面中的任何内容都能毫无阻碍地渲染。

其他性能技术还包括：将所有 iframe 沙盒化加载资源之前对页面上每个元素的布局进行预先计算，以及禁用性能缓慢的 CSS 选择器。

如需详细了解优化和相关限制，请阅读 AMP HTML 规范.

Google AMP Cache

Google AMP Cache 是一种基于代理的内容交付网络，用于交付所有有效的 AMP 文档。