WordPress AMP 是什么,什么是 AMP,以及AMP的原理和应用

  • 发表于
  • WordPress
  • 1.11k 阅读

很久前Google AdSense就向体验盒子推荐“Accelerated Mobile Pages (AMP)”的优化建议,每次都是简单看了后觉得没必要,不成熟,一带而过。但现在有必要仔细了解一下APM。APM是Google搜索引擎优化与用户体验提升的一个子项目,你可以看到Google为此而努力做了什么。

什么是 AMP

AMP 是一个开放源代码库,它提供了一种非常简单的方法,让您能够轻松地为用户创建富有吸引力、运行顺畅且几乎可即时完成加载的网页。AMP 网页其实只是可由您链接到和控制的网页而已。

在使用 AMP 创建网页之前,您必须已经掌握了一系列网页制作技能与框架。AMP 受到众多不同平台的支持,越来越多的平台、供应商和合作伙伴通过在各自的平台内提供自定义组件或集成 AMP 网页功能来支持 AMP 项目。并兼容各种浏览器。

WordPress AMP 是什么,什么是 AMP,以及AMP的原理和应用
一般来说,AMP支持 Chrome、Firefox、Edge、Safari 和 Opera 等主流浏览器的最新的两个版本。我们分别支持这些浏览器的桌面设备版本、手机版本、平板电脑版本和网页视图版本。

AMP 的生态系统包括 2500 万个网域、100 多个技术提供商以及各大主流平台,涵盖出版、广告、电子商务、本地及小型企业等领域!

AMP 网页采用 3 大核心组件构建而成

  • AMP HTML
    • AMP HTML 是为确保实现可靠性能而设有一些限制的 HTML。
  • AMP JS
    • AMP JS 库可确保 AMP HTML 网页快速呈现。
  • AMP 缓存
    • Google AMP 缓存可用于提供缓存的 AMP HTML 网页。

AMP 的运作原理

AMP 如何提升性能,下面汇总的优化措施是 AMP 页面可以瞬时快速加载的原因:

  • 仅允许异步脚本
  • 静态确定所有资源的大小
  • 不让扩展机制阻塞渲染
  • 将所有第三方 JavaScript 保存在非关键路径下
  • 有 CSS 都必须内嵌并具有大小限值
  • 字体触发必须高效
  • 最大程度减少样式重新计算次数
  • 仅运行 GPU 加速动画
  • 设定资源加载的优先级
  • 瞬时加载页面

哪些人可以使用 AMP

目前已有 85 万个网域、众多领先平台以及 100 多个技术提供商在使用 AMP。欢迎加入这个生态系统!

  • 发布商
  • 广告主
  • 电子商务网站
  • 广告技术平台

WordPress AMP插件/加速WordPress

Google AdSense向体验盒子发送的优化建议

获取 Accelerated Mobile Pages (AMP) 网页

安装 AMP 插件,让网页始终都能快速加载。

如果您为自己的 WordPress 网站安装 AMP 插件,该插件会自动为您的网页创建 AMP 版本,从而使网页可以近乎实时地加载。AMP 网页具有很多潜在优势:

  • 增加移动设备流量
  • 更有效地吸引用户
  • 在所有设备和平台上都能快速加载

我们建议您选用 WordPress AMP 插件,不过您也可以选择其他插件。

我适合使用AMP吗?

上面讲了那么多,你应该对AMP有所了解了,用实例讲话。

体验盒子目前使用的前端版本已经对移动端进行了优化,正常的请求基本都在1s内完成,从性能优化的角度来看,可以暂时忽略不考虑;从用户体验的角度来看,AMP定制输出的页面也许会有更好的用户体验,如果要尝试这种体验,意味着可能你需要修改你的部分设置(如创建AMP版本及AMP适应连接),这是一个新的尝试。也许我会考虑在设计开发UB2019的时候考虑这一建议。

如果你的项目并不是使用WordPress,那么你将不能使用WordPress AMP 插件,而需要自己了解并创建AMP版本。下面的连接可以帮助你了解这项技术。

AMP提升用户体验,AMP使用案例

国外的不说了,国内的

  • Tencent腾讯:腾讯新闻是腾讯集团在中国最大的新闻出版商之一。他们完全用AMP重建了他们的国际版,为全球读者提供了良好的用户体验。该站点快速,具有许多动态元素的交互,并且有效地保持性能。

参考

标签: ,