57

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

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

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

4

3 回答 3

25

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

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

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

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

主要好处是

  1. 谷歌会支持它，比如 Android、Chrome 和谷歌搜索、谷歌 CDN。
  2. 页面加载速度非常快，而且看起来很安静。

Wordpress和其他出版商最初采用的可能是一组单独的移动友好 AMP 页面。这来自谷歌，它希望您使所有普通网页都对移动设备友好或面对 SEO 命中。

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

于 2015-10-08T03:00:37.530 回答
16

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

于 2016-03-01T13:03:12.670 回答
1

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

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

所以没有更多的渲染阻塞CSS。

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

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

于 2017-02-09T00:56:26.433 回答