什么是 AMP

  • 作者:
  • 发表时间:2023-09-02 08:28:51
  • 来源:
  • 阅读:170

如果你是一位SEO爱好者*近应该有听说过AMP技术,什么是 AMP?对网站优化加速有什么价值?无忧来给各位站长进行下讲解。

源于是一种*新的SEO技术,是Google的AMP项目。

AMP,Accelerated Mobile Pages,译意大致是”加速的移动页面”,是Google去年10月份推出的一个提高移动页面访问速度的技术,你可以官方查看到相关的介绍。

点击了解详情    或者

来看看官方的视频讲解吧,需求科学上网。

 

通过 AMP 可以构建快速渲染的静态内容网页。 AMP 实例由三个不同部分组成:

  • AMP HTML
  • AMP JS
  • Google AMP Cache

AMP HTML 是为确保可靠性能而具有某些限制的 HTML, 它进行了一些扩展,可以构建*出基本 HTML 的丰富内容。 AMP JS 库可确保快速渲染 AMP HTML 页面。 Google AMP Cache(可选)提供 AMP HTML 页面。

AMP Landing Pages experience shown in a Google Search flow
AMP 页面加速演示

AMP HTML

AMP HTML 本质上是使用自定义 AMP 属性扩展的 HTML。 *简单的 AMP HTML 文件如下所示:


 >
 
    charset="utf-8">
    rel="canonical" href="hello-world.html">
    name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
   
   
 
 Hello World!

尽管 AMP HTML 页面中的大多数标记都是常规 HTML 标记,但部分 HTML 标记替换为了 AMP 特定标记(另请参阅

)。 利用这些自定义元素(称为 AMP HTML 组件) 可以轻松高效地实现常见的模式。

例如, 标记可提供完整的 srcset 支持,即使在尚不支持该标记的浏览器中也是如此。

了解如何。

AMP JS

AMP JS 库可实现所有 AMP 的*佳性能做法,

管理资源加载,并为您提供上面提到的自定义标记, 所有这些都是为了确保快速渲染您的页面。

重大优化之一就是使来自外部资源的所有内容保持异步,让页面中的任何内容都能毫无阻碍地渲染。

其他性能技术还包括:将所有 iframe 沙盒化、加载资源之前对页面上每个元素的布局进行预先计算,以及禁用性能缓慢的 CSS 选择器。

如需详细了解和相关限制,.

Google AMP Cache

Google AMP Cache 是一种基于代理的内容交付网络,用于交付所有有效的 AMP 文档。

它可提取 AMP HTML 页面,对页面进行缓存,并自动改进页面性能。 使用 Google AMP Cache 时,文档、所有 JS 文件及所有图像都从使用 HTTP 2.0 的同一来源加载,从而可实现*高效率。

此外,Google AMP Cache 还带有内置验证系统,可确认页面能够正常工作,并且不依赖于外部资源。

此验证系统运行一系列断言,确认页面的标记符合 AMP HTML 规范。

另一个版本的验证器与各个 AMP 页面捆绑提供。此版本可在页面渲染时将验证错误直接记录到浏览器的控制台中,让您可以看到代码中的复杂变化可能会对性能和用户体验产生怎样的影响。

 

本文属于专业SEO技术研究内供SEO爱好者阅读理解,非专业开发人员不要折腾哦。

每天3个名额,免费诊断竞价账户,帮您找出问题所在
提高企业投入产出比(ROI)