什么是 AMP

张俊SEM seo优化评论0字数 2126阅读7分5秒阅读模式

如果你是一位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 Landing Pages experience shown in a Google Search flow

AMP 页面加速演示

AMP HTML

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

<!doctype html>
<html >
 <head>
   <meta charset="utf-8">
   <link rel="canonical" href="hello-world.html">
   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
   <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
   <script async src="https://cdn.ampproject.org/v0.js"></script>
 </head>
 <body>Hello World!</body>
</html>

尽管 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爱好者阅读理解,非专业开发人员不要折腾哦。

声明:转载此文是出于传递更多学习交流目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。本站部分图文来源于网络,仅供学习交流,发表作品观点仅代表作者本人,本站仅提供信息存储空间服务,不承担连带责任。如有侵权,请及时联系管理员删除。

weinxin
添加微信
微信扫一扫
张俊SEM
  • 本文由 发表于 2023年9月2日 08:28:42
  • 转载请务必保留本文链接:https://www.zhangjunsem.com/25657.html
滨州seo优化推广(潍坊seo推广优化) seo优化

滨州seo优化推广(潍坊seo推广优化)

今天给各位分享滨州seo优化推广的知识,其中也会对潍坊seo推广优化进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧! 滨州网站建设公司有哪些?哪些网站建设公司或者网站比较好? 滨...
公众号seo优化(seo自媒体) seo优化

公众号seo优化(seo自媒体)

今天给各位分享公众号seo优化的知识,其中也会对seo自媒体进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧! 白杨SEO:谈谈微信公众号怎么运 微信公众号SEO搜索排名规则有哪些...