AMP是什么?有什么用?本文将向您介绍AMP(加速移动页面),让您了解AMP的核心组件是什么,它们的优缺点是什么。下面就从具体内容开始吧,希望对大家有所帮助。
AMP是什么?AMP(加速移动页面)是Google与Twitter合作开发的开源框架。它提供了一种直接的方式来创建轻量级网页,供用户即时使用,并具有极大的改进体验:内容更快,更有吸引力,更容易阅读。
本质上,AMP framework允许我们通过简化HTML和简化CSS规则来为移动设备构建轻量级体验。
AMP页面的3个核心组件
AMP HTML:
一个比常规HTML更精简的HTML版本,对可以使用的HTML标签有严格的规范。为确保快速加载页面,AMP上不允许使用某些HTML元素,例如:表单;某些默认标签被AMP标签取代,例如,在AMP HTML代码中,标签lt; amp-img gt;代替lt; img gt;进行图像集成。比普通HTML更简洁的HTML版本,对可以使用的HTML标签有严格的规范。为了确保快速的页面加载,有些HTML元素,比如表单,在AMP上是不允许的。一些默认标签被AMP标签取代。例如,在AMP HTML代码中,标记< AMP-img gt;代替
注意:AMP对CSS有限制。只能使用CSS的简化版本。
放大器JS:
为了确保在移动平台上快速加载页面,AMP限制使用任何Javascript,唯一的例外是AMP脚本。要求AMP自带的JavaScript库负责加载所有的网站元素,而所有的外部资源都是异步处理的,也就是说渲染过程可以在不受外界影响的情况下进行。
CDN:俗称AMP Cache,AMP平台的一个关键组成部分是其基于代理的内容分发网络(CDN),可以提供加速的移动页面。
AMP的优缺点优势:
1.内容的加载速度非常快。有了好的移动体验感,参与度和转化率都提高了。
2.通过移动搜索结果,您可以突出显示AMP carousel中的内容。
3.减少服务器上的负载,因为AMP CDN缓存并响应大多数搜索结果。
缺点:
1.JavaScript是有限的,用户不能自己创建,所以可能很难编码。
2.如果没有集成的插件,一些效果很难在页面中实现。
3.简化HTML,css有限,不能很好的自定义网站风格。大部分都是Google的默认格式。
如何获得?点击下面的文章链接!全套laravel框架,ThinkPHP框架全套教程分享,PHP程序员福利!
PHP发展三年只知道增删查?那是因为你没有规划好你的php学习路线。
总结:作为一名前端人员,如果掌握了后台技术,在工作中会更加得心应手。做一名全栈开发人员是所有公司都想要的中高级人才,希望对大家的学习有所帮助。