【黑帽SEO】关于AMP的讲解-「TigerSEO」

  这就是AMP
  如果你是一位SEO爱好者最近应该有听说过AMP技术,什么是AMP?对网站优化加速有什么价值?无忧来给各位站长进行下讲解。
  源于是一种最新的SEO技术,是Google的AMP项目。
  AMP,AcceleratedMobilePages,译意大致是”加速的移动页面”,是Google去年10月份推出的一个提高移动页面访问速度的技术,你可以官方查看到相关的介绍。

      【黑帽SEO】关于AMP的讲解-「TigerSEO」  点击了解详情或者AMP项目博客
  来看看官方的视频讲解吧,需求科学上网。
  通过AMP可以构建快速渲染的静态内容网页。AMP实例由三个不同部分组成:
  AMPHTML
  AMPJS
  GoogleAMPCache
  AMPHTML是为确保可靠性能而具有某些限制的HTML,它进行了一些扩展,可以构建超出基本HTML的丰富内容。AMPJS库可确保快速渲染AMPHTML页面。GoogleAMPCache(可选)提供AMPHTML页面。
  AMPLandingPagesexperienceshowninaGoogleSearchflow
  AMP页面加速演示
  AMPHTM
  AMPHTML本质上是使用自定义AMP属性扩展的HTML。最简单的AMPHTML文件如下所示:
  <!doctypehtml>
  <html?>
  <head>
  <metacharset="utf-8">
  <linkrel="canonical"href="hello-world.html">
  <metaname="viewport"content="width=device-width,minimum-scale=1,initial-scale=1">
  <styleamp-boilerplate>body{-webkit-animation:-amp-start8ssteps(1,end)0s1normalboth;-moz-animation:-amp-start8ssteps(1,end)0s1normalboth;-ms-animation:-amp-start8ssteps(1,end)0s1normalboth;animation:-amp-start8ssteps(1,end)0s1normalboth}@-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><styleamp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  <scriptasyncsrc=""></script>
  </head>
  <body>HelloWorld!</body>
  </html>
  尽管AMPHTML页面中的大多数标记都是常规HTML标记,但部分HTML标记替换为了AMP特定标记(另请参阅
  AMP规范中的HTML标记)。利用这些自定义元素(称为AMPHTML组件)可以轻松高效地实现常见的模式。
  例如,amp-img标记可提供完整的srcset支持,即使在尚不支持该标记的浏览器中也是如此。
  了解如何创建您的第一个AMPHTML页面。
  AMPJS
  AMPJS库可实现所有AMP的最佳性能做法,
  管理资源加载,并为您提供上面提到的自定义标记,所有这些都是为了确保快速渲染您的页面。
  重大优化之一就是使来自外部资源的所有内容保持异步,让页面中的任何内容都能毫无阻碍地渲染。
  其他性能技术还包括:将所有iframe沙盒化、加载资源之前对页面上每个元素的布局进行预先计算,以及禁用性能缓慢的CSS选择器。
  如需详细了解优化和相关限制,请阅读AMPHTML规范.
  GoogleAMPCache
  GoogleAMPCache是一种基于代理的内容交付网络,用于交付所有有效的AMP文档。
  它可提取AMPHTML页面,对页面进行缓存,并自动改进页面性能。使用GoogleAMPCache时,文档、所有JS文件及所有图像都从使用HTTP2.0的同一来源加载,从而可实现最高效率。
  此外,GoogleAMPCache还带有内置验证系统,可确认页面能够正常工作,并且不依赖于外部资源。
  此验证系统运行一系列断言,确认页面的标记符合AMPHTML规范。
  另一个版本的验证器与各个AMP页面捆绑提供。此版本可在页面渲染时将验证错误直接记录到浏览器的控制台中,让您可以看到代码中的复杂变化可能会对性能和用户体验产生怎样的影响。
  本文属于专业SEO技术研究内供SEO爱好者阅读理解,非专业开发人员不要折腾哦。


内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://tigerseo.cn/post/402.html

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。