什么是 AMP HTML，它如何适应框架/工具 X？答案

【问题标题】：What is AMP HTML and how does it fit in with framework/tool X?什么是 AMP HTML，它如何适应框架/工具 X？
【发布时间】：2016-01-05 02:49:29
【问题描述】：

好的，所以我们现在可能都从 Google 听说过 AMP HTML。

我很好奇这将如何适应我们现有的工作流程。如果您正在编写 React 或 Angular 应用程序，AMP HTML 如何适应开发过程？这些框架中的每一个都已经有一种定义组件的方法，而 AMP 似乎只是添加到堆栈中。

我们大多数人也已经在使用其他工具，例如 browserify 或 webpack。我不太容易看到 AMP 适合与其余部分的关系。其中一些工具已经允许我们以优化的方式为我们的网站提供服务。 AMP HTML 将在多大程度上改变这一切？

【问题讨论】：

嗯：首先，它来自 Google，而不是 Twitter。其次：它完全基于移动页面。它限制了 Javascript，而不是鼓励它。我认为它有很大的潜力。是的，像 Angular 这样的库让网站更快，但它不鼓励你使用 Javascript。这就是你的不同之处。
抱歉，我今天看到 Twitter 上的一条公告，我越界了。
github.com/ampproject/amphtml

【解决方案1】：

AMP 专为静态网页而设计。开发者必须制作两个不同的页面：普通版和 AMP 版。 AMP 页面将具有指向普通页面的链接，反之亦然。每当请求来自移动设备的正常页面时，它都会加载 AMP 页面，反之亦然。谷歌有自己的 AMP 缓存可以更快地加载它。在开发 AMP 页面时，我们只需要考虑 AMP 规则。

【讨论】：

【解决方案2】：

现在通过URL，事情变得更清楚了

最大的优化之一是它使来自外部资源的所有内容异步化，因此页面中的任何内容都不会阻止任何内容呈现。

因此不再有渲染阻塞 CSS。

其他性能技术包括对所有 iframe 进行沙盒处理、在加载资源之前预先计算页面上每个元素的布局以及禁用慢速 CSS 选择器。

希望这个新链接有所帮助。

【讨论】：

【解决方案3】：

AMP HTML 基本上是回归基础并提供尽可能快的 HTML。我想起了WAP 和Nokia 7110。

这是一套严格的网页制作规则，它对其他公司和开发者的扩展和扩展开放。

目前尚不清楚这如何与 SPA（单页应用程序）和其他 javascript 前端重型框架一起使用，这需要那些开发人员来弄清楚。

它的核心是静态 HTML 页面，其中包含自定义元素，旨在在慢速连接和小视图上尽可能快地加载。任何人都可以针对移动设备优化他们的网站，如果他们真的愿意，可以将其缩减到几 KB，无论是否采用 AMP-HTML。

主要的好处是

Wordpress 和其他发布商最初采用的可能是一组单独的适合移动设备的 AMP 页面。这来自 Google，它希望您使所有正常网页都适合移动设备或面对 SEO 命中。

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

【讨论】：