
我们从 AMP 社区听到的最多的要求之一是能够在非 AMP 页面中使用 AMP 的高性能 AMP 组件。AMP 项目已经努力工作了 2 年,试图解决这个请求,我们称之为 Bento AMP。具体来说,我们的目标是允许开发人员利用 AMP 组件的性能和用户体验优势,而无需使用整个 AMP 运行时。今天,我们很高兴地说,随着开发者预览版的发布,我们离实现这一目标又近了一步!阅读 入门指南 以尝试 Bento 组件!
为什么在任何地方和所有地方使用 AMP 组件?
AMP 项目的目标始终是帮助开发人员创建出色的以用户为中心的体验。AMP 的高性能和以用户为中心的组件是这一价值主张的关键部分。现在,借助 Bento AMP,您可以在需要的地方使用 AMP 组件。您现在可以将 AMP 组件与您最喜欢的框架和 CMS 混合使用。
例如,开发人员可以使用 Bento 组件来处理一次性情况,例如将轮播添加到非 AMP 页面,或者作为在成为有效 AMP 的路径上测试 AMP 组件的一种方式。通过 GitHub 上的工作组 了解 Bento AMP 项目的最新进展,或者了解有关 AMP 的下一步计划 的更多信息。
开发者预览
当前版本是几个独立 AMP 组件的开发者预览版。我们的目标是收集有关我们技术实施的可行性的反馈。Bento AMP 组件目前仍然需要使用 AMP 运行时,但不再要求页面是“有效 AMP”才能使组件正常工作。这意味着您可以在页面上导入独立的 AMP 组件,以及其他自定义 JavaScript(如果需要)。
尝试 Bento AMP 组件
要开始使用,请先阅读 此处 的指南。以下 Bento 组件在我们的开发者预览期间 实验性地 提供
- amp-accordion
- amp-base-carousel
- amp-inline-gallery
- amp-stream-gallery
- amp-date-countdown
- amp-date-display
- amp-fit-text
- amp-instagram
- amp-lightbox
- amp-selector
- amp-social-share
- amp-timeago
- amp-youtube
- amp-video
请注意,由于这是一个开发者预览版,在 AMP 页面上使用 Bento 组件将使它们无效。这是我们打算在全面发布时更改的内容。我们很高兴提供这些初始的 Bento AMP 组件以收集开发人员的反馈,但是我们鼓励开发人员在 Bento 组件处于开发者预览版时,使用 AMP 组件的最新生产版本来创建有效的 AMP 页面,以部署 AMP 体验。
Bento 的未来
展望未来,我们计划全面发布并允许 Bento 组件在所有 HTML 文档上使用。这使开发人员能够利用这些高性能组件来创建 出色的页面体验。请关注今年晚些时候的这一变化!
我们还计划将 Bento 组件的 React 版本作为 npm 包发布。这将使 React 应用程序更容易使用 Bento AMP 组件!
立即尝试 Bento!
阅读 入门指南 以尝试 Bento AMP 组件!AMP 团队鼓励并欢迎开发人员通过 GitHub 和我们的 Slack 频道提供反馈。如有任何问题或疑难,请随时联系我们!
发布者Naina Raisinghani,AMP 项目产品经理