早前关注过AMP移动加速显示优化技术(加速移动页面Accelerated Mobile Page)(百度有类似MIP,Facebook有Instant Article),尤其是在Google移动搜索里搜索新闻时候,经常见到排在前面的结果会有AMP闪电符号,打开这种结果网页也是异常地快速与简洁。
2016年8月,Google宣布AMP移动搜索结果将适用于所有网站(Google取消了移动友好页面的Mobile Friendly标志就是为了给AMP标志让路)。百度、搜狗、雅虎日本最近也宣布支持收录AMP网页,表明此技术应用越来越广泛。大势所趋,土木坛子现在也开始使用AMP技术来加速移动端加载速度。
只需在WordPress后台安装官方AMP插件(不建议安装第三方的插件, 插件的中文翻译支持参考该文章),开启插件即可——不需要任何设置。对于非移动端,直接在每篇文章页面链接的最后加上AMP就可以看到AMP显示效果。也可以使用Chrome的AMP插件来检查页面上可能的HTML语法错误。
配置好AMP后,之后等待Google爬虫来索引就可以了——也可以手工去Google Webmaster后台提交。我的网站在开启AMP后24小时不到,就可以看到Google已经开始在移动端提供部分搜索结果的AMP(需要在Google手机移动端点击,平板和PC桌面Google都不行)网页了。
AMP本质技术原理其实就是一个简洁版并内置CSS的HTML静态网页(AMP HTML),禁止掉第三方JavaScript而只用少量特定版本的AMP JavaScript,再加上从Google移动搜索结果里面出来的AMP网页全部都由Google全球CDN网络提供Cache高速缓存(AMP Cache),因此在手机上的网页加载速度,即使在移动网络下,也确实达到了异常之快,闪电秒加载,有效提高访客用户体验。
采用AMP技术的网站加载速度比全站CDN还要快,Google在搜索结果里就开始预加载AMP页面,而且AMP页面本身的元素也已经极度精简。通过Google手机端搜索进入本文后页面的域名都直接变成Google, 比如本文的链接变成:
https://www.google.com/amp/s/tumutanzi.com/archives/15640/amp
使用Google AMP技术的网页本身支持Google Analytics统计,也支持显示AdSense广告。但这种简洁页面的并不是没有代价和缺点:去除了除内容之外的所有其它功能,包括各种JavaScript代码,它甚至可能会有小问题——这项开源技术还在发展中,它的设计目的也不是为了适合所有类型的网站(但非常适合新闻类和博客类等含有静态内容的网站)。这也是有些互动内容较多的网站不愿意使用的原因。
其实我的网站本身足够简洁,对手机的响应式显示也很友好,并且我也用了CloudFlare的CDN加速服务,因此,Google AMP带来移动端的加载速度提升本身并不会太明显。我使用AMP更主要的原因是因为这项技术是Google推出,为了获取AMP下更好的Google搜索排名优点(SEO),启用它应该利大于弊。
由于是Google主推的开源服务,所以国内无法看到Google提供的AMP网页,因为在中国大陆无法使用Google搜索。而我的网站主要的访客都是从Google搜索过来,移动搜索所占比重也越来越多,为了更好的服务这些访客——节省他们的时间,开启Google AMP服务支持也无可厚非。而且,增加AMP支持原来不影响网站原来的任何东西,纯粹加分项。
长期来看,AMP可能只是一个历史过渡期的产物,将来的移动网速只会越来越快,硬件性能也越来越好,网页加载速度也自然跟着提升。不过在目前,我觉得启用AMP还算是拥抱新技术。一万年太久,只争朝夕。
“启用Google AMP移动网页加速显示技术”上的22条回复
有了自己的网站,第一站到这里来踩踩。
第二站到我那里踩踩?
这广告拉人的力度挺大啊。
祝贺你拥有属于自己的网络自留地。
土木兄是水泥领域里最懂网站技术的人?哈哈哈
不,是懂网站技术里面最懂水泥的人。
换主题了?不知道typecho有没这插件?前段时间也想捣鼓,找不到typecho版的
没有换主题啊,一直都是这样的。TYPECHO我不清楚,没有插件的话,实现AMP会比较麻烦,AMP的语法要求非常严格。
目前已经支持AMP的平台有: https://www.ampproject.org/support/faqs/supported-platforms
有了AMP标看着好任性,哈哈哈
对流量增加非常明显……整体流量增加了50%。
就是不知道 Typecho 有没有相关的插件呢?
一直使用WordPress。Typecho这样的国产小程序,估计还要段时间才可能产生配套插件吧?Ghost和Drupal程序已经支持AMP了。
正在试用AMP。一个网站正常 http://haijiaoshi.com 但另外一个也不知道哪里冲突了,移动设备端无法实现自适应模式浏览,正在解决。。。
我去看了一下你的网站,你的是支持AMP了。估计要不了多久,在Google移动里面就能出来效果了。注意添加统计代码,参考我之前的文章: https://tumutanzi.com/archives/15643
原因找到了,是七牛CSS缓存冲突。
已经添加了新的统计代码,看起来挺高大上啊,哈哈
关键是设置起来很简单啊,添加一个插件即可,最多再人工加上统计代码。
呃
暂时不折腾了,感觉没啥用
那就不折腾,不用纠结。
被谷歌拔毛了还能用吗
你不试怎么知道,再说跟这个也没有关系啊。
我的网站以前安装AMP插件后很快就看到Google的索引项显示闪电标记了,但今天偶然再看一下,发现不知从何时起竟然没有闪电标记了。而查看AMP插件一直处于启用状态啊。不知何故?
难道是与启用了“我爱水煮鱼”的WPJAM BASIC插件有关?还是与W3 Total Cache缓存插件有关呢?
可是网页源代码中一直都有<link rel="amphtml"啊,怎么就不显示闪电标记了呢?
我特地试了一下,我的网站在iOS上的Chrome浏览器上搜索会出现闪电标志,说明Google还是支持这个功能。