AMP是什么?有什么用?本篇文章就给大家介绍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 *** :
为了确保移动平台上的快速页面加载,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学习路线
总结:作为一名前端人员如果掌握后台技术,工作中会更加得心应手,成为全栈开发者是公司都想要的中高级人才,希望能对大家的学习有所帮助。
洞房花烛夜,金榜题名时,这是古话所说的人生的得意大吉之时刻。新婚同房的时候是非常需要注意的,这时候是夫妻第1次进行性的亲密接触,有时因为缺乏经验而弄出很多啼笑皆非的事。新婚同房需要注意什么?接下来让我...
大家一定都知道了:杨丞琳真的嫁人了!!! 至于对象,除了那个小眼睛的李荣浩,还能有谁! 从公开恋情,到求婚成功,再到宣布订婚,两个人的感情态度始终坦坦荡荡。 “遇到某个人有...
大家一定都知道了:杨丞琳真的嫁人了!!! 至于对象,除了那个小眼睛的李荣浩,还能有谁! 从公开恋情,到求婚成功,再到宣布订婚,两个人的感情态度始终坦坦荡荡。 “遇到某个人有...
如何稳妥快速完善区块链技术并有序推动商用? 浩大的区块链盛宴正在开场,各方人士、各路豪杰、各种资金,陆续入席。海量资金砸进来,精英人才向区块链成群结队地迁徙。 在区块链这条赛道上,不仅是大量新锐...
大家一定都知道了:杨丞琳真的嫁人了!!! 至于对象,除了那个小眼睛的李荣浩,还能有谁! 从公开恋情,到求婚成功,再到宣布订婚,两个人的感情态度始终坦坦荡荡。 “遇到某个人有...
苹果用户最常见的一个问题是忘记了Apple ID密码,这样就没办法从App Store下载应用了。密码忘记是不可避免的,那么如何才能将密码找回来呢? 一般在苹果输入过ID后,打开App Stor...