amp是什么意思(前端工程师都应该知道)

什么是AMP？有什么用？本文将向您介绍AMP(加速移动页面)，让您了解AMP的核心组件是什么，它的优缺点是什么。下面就从具体内容开始吧，希望对大家有所帮助。

什么是AMP？

AMP(加速移动页面)是由谷歌和Twitter开发的开源框架。它提供了一种直接创建轻量级网页供用户即时使用的方式，极大地改善了体验:内容更快、更吸引人、更容易阅读。

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

放大器页面的3个核心组件

超文本标记语言:

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

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

AMP JS:

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

AMP CDN:俗称AMP缓存，AMP平台的一个关键组件是其基于代理的内容分发网络(CDN)，可以提供加速的移动页面。

放大器的优缺点

优点:

1.内容的加载速度非常快，参与度和转化率都有所提升，有很好的移动体验感。

2.通过移动搜索结果，您可以突出显示AMP转盘中的内容。

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

缺点:

1.JavaScript是有限的，用户不能自己创建，所以可能很难编码。

2.没有集成插件，页面中的很难实现某些效果。

3.简化HTML，css有限，网站风格不能很好的定制。大部分都是谷歌的默认格式。

总结:作为一个前端人，如果掌握了后台技术，在工作中会更加游刃有余。做全栈开发者是公司想要的中高级人才，希望对大家的学习有帮助。