文章来源于网络收集而来，版权归原创者所有，如有侵权请及时联系！
AMP
AMP (Accelerated Mobile Pages)
- AMP 和 PWA（Progressive Web Apps） 是 google 支持并推广的两个独立技术，可以单独或一起使用以提供高性能的客户体验。 目前 Magento 只支持了 PWA，并未对 AMP 进行支持。 有一些数据显示， 与非AMP页相比，AMP页的加载速度快四倍，而数据使用量则减少10倍。
AMP 并不是一个扩展插件，而是一整套开发 WEB 的框架和规范。要想网站符合 AMP，网页要按照 AMP 的技术标准编写。例如 AMP 的 HTML 是标准 HTML 的一个子集，并对其进行了扩展。 例如：
<html lang="en">改为<html amp lang="en">- 引入
<script async src="https://cdn.ampproject.org/v0.js"></script>的 AMP js 库。 - 包含
<meta charset =“ utf-8”>标记作为其<head>标记的第一个子标签。 - 在
<head>内包含<link rel =“ canonical” href =“ $ SOME_URL”>标签。 <amp-img>替换<img>，<amp-video>替换<video>。 所有被替换和禁用的标签地址
除此之外，APM 还有一整套 AMP JS和AMP Cache。
因为 Magento 并不是原生支持 APM，所以要优化页面达到 AMP 的要求，并不是一时半刻就能完全达到的，需要逐步的改进。 即便是使用第三方插件，也需要对现有的元素进行改造。将现在自己写的代码标签进行改造，由于 css 可能和 HTML 标签关联，改完后需要验证效果在上线。 例如：
- 现有的 page, block 内的代码需要修改一遍。
- 将后台能显示 UI 的，改为三方库提供的 AMP 组件
这里有其中一个扩展的详细修改指导
由于扩展插件都是收会费的，没有找到免费的版本可用，所以我还内能测试将 AMP 插件基本的配置加上后优化的数据能达到多少的优化。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论