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

访客4年前关于黑客接单590

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

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的默认格式。



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


相关文章

房产知识:公积金卡多久能办下来?有谁知道,

相信现在有很多的朋友们对于公积金卡多久能办下来?有谁知道,可以分享下吗,谢谢!都想要了解吧,那么今天小编就来给大家针对公积金卡多久能办下来?有谁知道,可以分享下吗,谢谢!进行一个介绍吧,希望小编介绍的...

师傅教你怎么调取别人的微信聊天记录(不被他人发现)

老师傅教你怎么读取他人的微信聊天纪录(不被别人发觉) 如果你平常使用微信一些关键的微信聊天记录时,要储存,除开截屏、加上结合以外,也有别的好方法吗?自然,今日要跟你谈一谈备份数据微信聊天记录的好用方...

怎么做才可以查我老公手机上的微信聊天记录

. 新生儿出生之后取名字是非常重要的一件事,对于名字很多家长都有很多期待和含义包含在里面,那么出现爆款名字是怎么回事呢,下面友谊长存的小编就来说说:2018新生儿爆款姓名新生儿为什么会出现爆款名字。...

支付宝黑客网,网络工程师 黑客,黑客网站需要什么技术

前不久,警方曝光,不法分子假充“广东交警”向车主发送“车辆年检”短信,诱导重视虚伪微信公众号然后点击垂钓链接进行诈骗。 歹意程序、垂钓网站作为网络黑产的常用手段,仍然不行小觑。 powershell...

微信二维码如何设置支付密码

以微信7.0.19版本号为例子,设置微信交易密码的方式以下:      1、在手机上点一下进入微信。   2、点一下右下方的我,挑选付款。   3、随后点一下右上方三个点,挑选改动交易密码。  ...

华为nova5pro和5i有什么区别

Pro搭6.39英尺OLED屏,7纳米技术加工工艺制造的麒麟980集成ic,258GB储存,搭3200万外置摄像镜头,后置摄像头四摄系统软件,3500mAh充电电池,用屏下指纹。5i用6.4英寸顶点全...