前端工程师应该都需要了解 amp是什么意思


前端工程师应该都需要了解 amp是什么意思

文章插图
amp是什么意思(前端工程师都应该知道)
什么是AMP?有什么用?本文将向您介绍AMP(加速移动页面),让您了解AMP的核心组件是什么,它的优缺点是什么 。下面就从具体内容开始吧,希望对大家有所帮助 。

什么是AMP?
AMP(加速移动页面)是由谷歌和Twitter开发的开源框架 。它提供了一种直接创建轻量级网页供用户即时使用的方式,极大地改善了体验:内容更快、更吸引人、更容易阅读 。
本质上,AMP框架允许我们通过简化HTML和CSS规则为移动设备构建轻量级体验 。
放大器页面的3个核心组件
超文本标记语言:
一个比常规HT信息资源网ML更精简的HTML版本,对可以使用的HTML标签有严格的规范 。为确保快速加载页面,AMP上不允许使用某些HTML元素,例如:表单;某些默认标签被AMP标签取代,例如,在AMP HTML代码中,标签< amp-img >代替< img >进行图像集成 。比常规的HT信息资源网络HTML更简洁的HTML版本,后者对可用的HTML标签有严格的规范 。为了保证快速的页面加载,有些HTML元素,比如表单,在AMP上是不允许的;一些默认标签被AMP标签替换 。例如,在AMP HTML代码中,标签< amp-img >替换< img >用于图像集成 。
注意:AMP对CSS有限制,只能使用CSS的简化版 。
AMP JS:
为了确保在移动平台上快速加载页面,除了AMP脚本之外,AMP限制使用任何Javascript 。需要AMP自带的Jav信息资源网络aScript库来加载所有网站元素,所有外部资源都是异步处理的,这意味着渲染过程可以不受外部影响进行 。
AMP CDN:俗称AMP缓存,AMP平台的一个关键组件是其基于代理的内容分发网络(CDN),可以提供加速的移动页面 。

放大器的优缺点
优点:
1.内容的加载速度非常快,参与度和转化率都有所提升,有很好的移动体验感 。
2.通过移动搜索结果,您可以突出显示AMP转盘中的内容 。
3.减少服务器上的负载,因为AMP CDN缓存并响应大多数搜索结果 。
缺点:
1.JavaScript是有限的,用户不能自己创建,所以可能很难编码 。
2.没有集成插件,有些效果很难在页面中实现 。
3.简化HTML,css有限,网站风格不能很好的定制 。大部分都是谷歌的默认格式 。

总结:作为一个前端人,如果掌握了后台技术,在工作中会更加游刃有余 。做全栈开发者是公司想要的中高级人才,希望对大家的学习有帮助 。
【前端工程师应该都需要了解 amp是什么意思】


    推荐阅读