什么是AMP HTML以及它如何适应框架/工具X?

Tha*_*you 56 html javascript angularjs reactjs amp-html

好的,所以我们大概都听说过Google的AMP HTML.

我很好奇的是它如何适应我们现有的工作流程.如果您正在编写React或Angular应用程序,AMP HTML如何适应开发过程?这些框架中的每一个都已经有了定义组件的方法,看起来AMP只是添加到堆栈中.

我们大多数人已经在使用浏览器或webpack等其他工具.我不太清楚AMP是如何与其他人匹配的.其中一些工具已经允许我们以优化的方式为我们的网站提供服务.AMP HTML将改变这一切多少?

kza*_*zap 25

AMP HTML基本上可以回归基础并提供最快的HTML.我被提醒WAPNokia 7110.

这是一套制定网页的严格规则,可供其他公司和开发人员扩展和开放.

如何使用SPA(单页应用程序)和其他javascript前端重型框架在这一点上是未知的,这是由那些开发人员弄清楚的.

它的核心是静态HTML页面,其中包含自定义元素,旨在尽可能快地加载慢速连接和小视图.任何人都可以优化他们的移动网站,如果他们真的想要,也可以将其降低到几KB.

主要的好处是

  1. 谷歌将支持它,思考Android,Chrome和谷歌搜索,谷歌CDN.
  2. 页面加载速度非常快,看起来很漂亮.

Wordpress和其他发布商那样的初步采用可能是一组独立的移动友好AMP页面.这是来自谷歌谁希望你使所有正常的网页移动友好或面对搜索引擎优化命中.

如果从长远来看,它是一个专注于性能的移动网络规范.如果采用,在5年内,任何网页都可能在几秒钟内在移动连接上加载,无论该连接的质量如何.如果我们不能等待技术和电信公司提高速度,我们至少可以减少我们页面的大小.

  • 它解释了AMP,但实际上并不是它如何在其他工作流程中起作用. (21认同)

小智 16

AMP专为静态页面而设计.开发人员必须制作两个不同的页面:普通版和AMP版.AMP页面将具有指向正常页面的链接,反之亦然.每当请求从移动设备进入正常页面时,它将加载AMP页面,反之亦然.谷歌有自己的AMP缓存来加快速度.在开发AMP页面时,我们只需要考虑AMP规则.