无锡SEO专业的网站优化公司

这就是AMP

浏览:/ 2018-02-08

  这就是AMP

1.jpg

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


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


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


  点击了解详情https://www.ampproject.org/zh_cn/docs/get_started/about-amp.html或者AMP项目博客


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

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


  AMPHTML


  AMPJS


  GoogleAMPCache


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


  AMPLandingPagesexperienceshowninaGoogleSearchflow


  AMP页面加速演示


  AMPHTML


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


  <!doctypehtml>


  <html⚡>


  <head>


  <metacharset="utf-8">


  <linkrel="canonical"href=http://www.yunkeseo.com/wen/"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=http://www.yunkeseo.com/wen/"https://cdn.ampproject.org/v0.js">


  </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的同一来源加载,从而可实现最高效率。

阅读"这就是AMP"的人还阅读

上一篇:为服务器提供漏洞安全扫描

下一篇:seoer必学技术:网页挂马清除全流程