【问题标题】:Details on pre-rendering with AMP HTML使用 AMP HTML 进行预渲染的详细信息
【发布时间】:2016-02-10 01:36:12
【问题描述】:

我看到有人提到使用 AMP 页面进行预渲染。具体来说,该项目的工作原理页面 (https://www.ampproject.org/how-it-works/) 说:

AMP 文档从一开始就设计为可高效地预渲染。浏览器长期以来一直支持通过 标签进行预渲染,但是他们需要对这种机制保持保守,因为预渲染可能很昂贵。在 AMP HTML 中,我们添加了告诉文档的功能:渲染自己,但仅在首屏可见的范围内,并且仅显示非 CPU 密集型元素,以最大限度地降低预渲染成本。

我想进一步了解预渲染的工作原理:

  • 是否有关于此预渲染的进一步文档?我找不到更多详细信息。
  • 实现预渲染的代码在哪里?
  • 如果不是带有 rel=prerender 的链接,那么用于预渲染的技术是什么?
  • 如何指示 AMP html 页面以预渲染模式进行渲染,该模式仅在折叠资源等上方加载?
  • 是否有一些包装精美的方法可以让用户在自己的 AMP 网站上使用这种预渲染(在页面之间导航时)?

【问题讨论】:

    标签: amp-html


    【解决方案1】:

    我写过关于如何在 AMP in this post 中进行预渲染。

    我们还没有关于如何使用它的优秀文档,但我们今年的目标之一是为 Web、iOS 和 Android 提供具有内置预渲染功能的稳定 SDK。

    【讨论】:

    • 感谢您,但对具体细节稍作说明。我猜一个隐藏的 iframe 加载页面是为了绕过浏览器对预渲染的不良支持,以及绕过那些支持它的浏览器的预渲染限制?聪明的。这个 iframe 是否与当前窗口大小相同,因此 AMP 只会自动预渲染当前折叠上方的图像?
    • 我已经看过这个链接,但正如@BazzaDP 提到的,它并没有真正提供有关预渲染如何工作以及如何使用它的详细信息。
    • 这最终会被记录下来。您可以在 iframe URL 上设置片段参数以将文档置于预渲染模式。在这种模式下,它只会下载首屏资源,不会下载可能使用大量 CPU 或对隐私敏感的资源(3p 内容)。
    猜你喜欢
    • 1970-01-01
    • 2014-12-15
    • 2019-03-25
    • 1970-01-01
    • 2023-03-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多