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

amp是什么意思(前端工程师应该都知道)
AMP是什么?有什么用?本文将向您介绍AMP(加速移动页面),让您了解AMP的核心组件是什么,它的优缺点是什么 。下面先说具体内容,希望能赞助大家 。

AMP是什么?
AMP(加速移动页面)是Google与Twit红豆Blogger合作开发的开源框架 。它提供了一种直接创建轻量级web页面的 ,这样用户可以立即应用它们,并获得极大的改进体验:内容更快、更有吸引力、更容易浏览 。
本质上,AMP framework允许我们通过简化HTML和CSS规则来为移动设备构建轻量级体验 。
【前端工程师应该都需要了解 amp是什么意思】AMP页面的3个核心组件
AMP HTML:
一个比惯例HTML更精简的HTML版本,对可以应用的HTML标签有严厉的规范 。为确保迅速加载页面,AMP上不许可应用某些HTML元素,例如:表单;某些默认标签被AMP标签代替,例如,在AMP HTML代码中,标签< amp-img >取代< img >进行图像集成 。比传统HTML更简洁的HTML版本,对适用的HTML标签有严格的规范 。为了确保页面快速加载,一些HTML元素,比如表单,不允许在AMP上应用 。一些默认标签被AMP标签取代 。例如,在AMP HTML代码中,标记
注意:AMP对CSS有限制,只能应用CSS的简化版 。
放大器 :
为了确保在移动平台上快速加载页面,AMP限制了任何Javascript的应用,唯一的例外是AMP脚本 。所有网站元素的加载都要使用AMP自带的JavaScript库,所有外部资源都是异步处理的,也就是说渲染过程可以不受外界影响的进行 。
AMP博客CDN:通常称为AMP Cache,AMP平台的一个关键组成部分是其基于 的内容分发 (CDN),可以提供加速的移动页面 。

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


总结:作为一名前端工作人员,如果掌握好后台技能,在工作中会更加得心应手 。做全栈开发者是所有公司都想要的中高层人才,希望赞助大家的学习 。