介

AMP 是一个基于 web components 技术的网页组件库，属于谷歌的官方项目，开发者基本都是谷歌的在职工程师。AMP是一个开源项目，这项技术可以让移动端访问页面时加载更快。AMP移动页面加速，是由谷歌公司启动的一个加快移动页面加载速度的开源项目。AMP是一种简单而强大的格式，可确保您的网站快速，用户优先，并且赚钱。AMP为您的Web战略提供长期成功，并在流行的平台上进行分发，并降低运营和开发成本。

主要特性

• 为开放网络上的用户创建出色的Web体验

AMP可以创建跨设备和分发平台始终快速，美观且高效的网站和广告。发布商和广告客户可以决定如何展示强调用户优先体验的内容。

• 保持灵活性和控制并降低代码的复杂性

您可以使用CSS自定义样式和动态数据，以便在需要时获取最新的数据。

• 确保性能的构建块

构建一个优秀的网站需要花费大量的时间和精力。AMP组件已针对最佳性能进行了优化。

• 在开放式网络中为每个人构建可持续发展的未来

AMP项目是一项开源计划，旨在通过提供更好，更快，更用户友好的体验来保护网络的未来。

• 网页速度改善了用户体验和核心业务指标

AMP页面即时加载 - 跨所有设备和平台。

• 构建AMP页面非常简单

您通常可以在几天内转换整个存档 - 尤其是在使用Wordpress或Drupal等常见CMS时。

• AMP可以应用于各种网络接触点

由Google，Bing和Twitter等全球平台使用，AMP允许用户在可用时默认为AMP页面，从而在所有平台上体验本机感受。

内置组件

AMP HTML是HTML，对可靠性能有一些限制。

虽然AMP HTML页面中的大多数标签都是常规HTML标签，但某些HTML标签会替换为AMP专用标签（另请参阅AMP规范中的HTML标签）。这些称为AMP HTML组件的自定义元素使常见模式易于以高效的方式实现。

例如，即使在不支持它的浏览器中，amp-img标签也提供完整的srcset支持。了解如何创建第一个AMP HTML页面。

AMP页面由搜索引擎和其他平台通过HTML标记发现。您可以选择拥有非AMP版本和页面的AMP版本，或仅选择AMP版本。

AMP缓存

可以缓存AMP页面以便在Web上进行近乎瞬时的加载。像Google这样的平台运行AMP缓存，可以从服务中快速加载您的内容。

Google AMP Cache是??一个基于代理的内容交付网络，用于提供所有有效的AMP文档。它可以获取AMP HTML页面，对其进行缓存，并自动提高页面性能。使用Google AMP缓存时，文档，所有JS文件和所有图像都来自使用HTTP 2.0的同一来源，以实现最高效率。缓存还带有内置验证系统，可确保页面可以正常工作，并且不依赖于外部资源。验证系统运行一系列断言，确认页面的标记符合AMP HTML规范。

验证器的另一个版本与每个AMP页面捆绑在一起。此版本可以在呈现页面时将验证错误直接记录到浏览器的控制台，从而可以查看代码中的复杂变化可能会如何影响性能和用户体验。

快速上手

请复制以下并将其保存到扩展名为 .html 的文件中。这就是我们制作首个 AMP 网页所需的全部内容，当然，正文中还没有添加太多内容。在官方文档将更详细介绍如何添加图片等基本元素、自定义 AMP 元素，并介绍如何设置网页样式以及如何创建自适应布局，请自行学习。

MP是什么?有什么用？本篇文章就给大家介绍AMP（加速移动页面），让大家了解AMP的核心组件是什么，有什么优点和缺点。下面就开始具体内容，希望对大家有所帮助。

AMP是什么？

AMP（加速移动页面）是一个由Google与Twitter合作开发的开源框架，它提供了一种直接的方式来创建轻量级的网页，以便用户即时使用，获得了极大改善的体验：内容更快，更具吸引力，更易于阅读。

从本质上讲，AMP框架允许我们通过简化HTML和简化的CSS规则来为移动设备构建轻量级体验。

AMP页面的3个核心组件

AMP HTML：

一个比常规HTML更精简的HTML版本，对可以使用的HTML标签有严格的规范。为确保快速加载页面，AMP上不允许使用某些HTML元素，例如：表单；某些默认标签被AMP标签取代，例如，在AMP HTML代码中，标签< amp-img >代替< img >进行图像集成。

注：AMP对CSS有限制，只能使用简化版的CSS。

AMP JS：

为了确保移动平台上的快速页面加载，AMP限制使用任何Javascript，唯一的例外是AMP脚本。需要使用AMP自己的JavaScript库来负责加载所有网站元素，而所有外部资源都是异步处理的，这意味着渲染过程可以在不受外部影响的情况下进行。

AMP CDN：通常称为AMP缓存，AMP平台的一个关键组件是其基于代理的内容分发网络（CDN），可提供加速移动页面。

AMP的优缺点

优点：

1、内容的加载速度非常快，用很好的移动体验感，提高了参与度和转化率。

2、通过移动搜索结果，可以在AMP轮播中突出显示内容。

3、减少服务器上的负载，因为AMP CDN缓存并响应大多数搜索结果。

缺点：

1、JavaScript有限制，用户无法自己创建，所以它可能很难编码。

2、没有集成插件，一些效果很难在页面中实现。

3、简化了HTML，css有限制，不能很好的自定义网站样式，大多是Google的默认格式。

想学习PHP的朋友，或者进阶PHP中高级程序员，我为大家准备了一套精品PHP中高级进阶学习教程，还可加入大牛学习圈子，分享tp,laravel，swoole，swoft微服务、SQL性能优化，分布式、高并发等教程，各种大牛都是3-8年PHP开发者，还有每天都有课程讲解，助你进阶中高级PHP程序员，增值涨薪！获取方法点击下方文章链接即可！

全套laravel框架、ThinkPHP框架全套教程分享，PHP程序员福利！

PHP开发三年只懂增删改查？那是你没有规划好php学习路线

总结：作为一名前端人员如果掌握后台技术，工作中会更加得心应手，成为全栈开发者是公司都想要的中高级人才，希望能对大家的学习有所帮助。