WordPress AMP 是什么,什么是 AMP,以及AMP的原理和应用
- 发表于
- WordPress
很久前Google AdSense就向体验盒子推荐“Accelerated Mobile Pages (AMP)”的优化建议,每次都是简单看了后觉得没必要,不成熟,一带而过。但现在有必要仔细了解一下APM。APM是Google搜索引擎优化与用户体验提升的一个子项目,你可以看到Google为此而努力做了什么。
什么是 AMP
AMP 是一个开放源代码库,它提供了一种非常简单的方法,让您能够轻松地为用户创建富有吸引力、运行顺畅且几乎可即时完成加载的网页。AMP 网页其实只是可由您链接到和控制的网页而已。
在使用 AMP 创建网页之前,您必须已经掌握了一系列网页制作技能与框架。AMP 受到众多不同平台的支持,越来越多的平台、供应商和合作伙伴通过在各自的平台内提供自定义组件或集成 AMP 网页功能来支持 AMP 项目。并兼容各种浏览器。
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重建了他们的国际版,为全球读者提供了良好的用户体验。该站点快速,具有许多动态元素的交互,并且有效地保持性能。
参考
原文连接
的情况下转载,若非则不得使用我方内容。