全球搜+AMP 新技术引领新外贸
By: 全球搜 2018年03月27日

全球搜+AMP 新技术引领新外贸

1什 么 是 A M P

2015年10月,Google宣布推出名为Accelerated Mobile Pages即AMP的新项目,旨在改善移动用户体验。由于简化的HTML结构和受限制的JavaScript,AMP页面加载速度更快。由Google编入索引的有效AMP页面存储在搜索巨头的缓存中。

当移动用户从搜索结果中打开这些网页时,他们会立即从Google存储中加载,避免向原始网站发送任何请求。这使得任何智能手机优化或响应式网站的AMP页面都很出色。

演示动画

从技术方面来说,采用 AMP 技术的网页之所以可以打开的这么快,这主要得益于它剔除了网页代码中各种可能会拖慢速度的部分,比如第三方的脚本文件、一些 HTML 标签、广告追踪器等等。

 

2为 什 么 要 用 A M P

手机硬件性能普遍不如台式机,加之因网页是用PC端写的、没有为移动端定制优化等原因,在手机上打开网页慢已成为常态,还伴随着滚屏和动画效果不顺畅、滚动条会随着页面加载的进行乱跳位置等问题,导致访客浏览体验极差,缓慢的加载甚至使访客放弃打开网页。

根据Google的统计,在移动端如果一个页面3秒钟还没有完成加载,那么有90%以上的访问者会关掉网页或者访问其他网页。因此,加载时间成为一个获取有效流量的关键所在。

目前的网页技术并不能满足3秒完成加载这个黄金时间节点,这意味着绝大多数网站90%以上的有效流量全部流失了!

为了能让大多数页面获得尽可能更快的移动页面加载速度,AMP项目营运而生。

AMP框架限制了一些可能会影响网页加载速度的代码,使网页简洁,极大地提高移动端网页的加载速度,从而更利于访问者的浏览体验。

2

只有极大地提高移动端网页的加载速度,才能获得更多的访客和流量。

 

3A M P 的 工 作 原 理

AMP的工作原理简单的可以总结为:代码减负+缓存预加载

网站端:完全按照AMP的规则书写网站页面的HTML代码,这极大的去掉了冗余代码的加载负担。

网页端:遵照Google AMP规则调用JS和CSS,减轻了组件的加载负担。

Google端:当页面信息完全遵照AMP规则写好后,提交给Google DNS,Google DNS会把这些AMP页面信息缓存在自己的Cache服务器中(注意:是Google自己的DNS Cache服务器中)。

用户端:当用户在搜索引擎中搜索到一个AMP网页,并点击的时候,Google会首先调用DNS Cache服务器中缓存的数据展现给访问者,从而让访问者第一时间看到自己想看到的信息。

流程图

这样AMP页面通过页面减负和缓存预加载的方法实现了移动页面加载速度的极大改进。

 

4A M P 的 组 成

AMP网页采用3大核心组件构建而成。

AMP HTML

AMP HTML本质上是使用自定义AMP属性扩展的HTML,同时是为确保可靠性能而具有某些限制的HTML。

基本HTML的一些常用标签被替换为AMP标签。例如,一般的<IMG>标签将变成<amp-img>。这些AMP的特定标签将确保网页的性能更出色。

AMP JavaScript

AMP JS库可实现所有AMP的最佳性能做法、管理资源加载,并为您提供自定义标记,所有这些都是为了确保快速渲染您的网页。

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

AMP Cache

Google AMP Cache是一种基于代理的内容交付网络,用于交付所有有效的AMP文档。它可提取AMP HTML网页,对这些网页进行缓存,并自动改进网页性能。

使用Google AMP Cache时,文档、所有JS文件及所有图片都从使用HTTP 2.0的同一来源加载,从而可实现最高效率。

 

5A M P 带 来 的 好 处 是 什 么

更快的移动端网页加载速度

据Google的数据显示,网页能够提高四倍的加载速度,也就是说一个页面原来用8秒加载,AMP优化之后,只需要2秒的加载时间!这可以说是极大的改进!

3

增加搜索引擎可见性

由于Google更喜欢展示AMP页面而不是其他类型的网站,这点能从搜索结果排名靠前的链接看出来。而对于热门新闻,甚至也有专门的移动端AMP轮播页面。

4

增加网页流量

AMP的网页加载速度和搜索排名都得到了提升,这意味着用户点击AMP页面的次数会比其他网页多。

提高搜索结果排名

Google日前宣布,从2018年7月份开始,网页速度将成为移动搜索排名的影响因素之一。
( 关于这一点的更多详情,可以参见全球搜之前整理发布的Google最新资讯:【Google将网页加载速度列入移动搜索排名指标】 )

 

6全 球 搜  +  A M P

AMP项目是一个开放源代码计划,旨在为所有人打造更好的网络体验。

5

 

引号1     全球搜多年来一直紧跟Google SEO的优化规则,领先转化最新SEO优化科技。全球搜借助AMP项目,将致力于为用户打造出在各种设备和分发平台上都能始终如一地快速加载并且效果出色的精美网站,同时提升用户网站的搜索排名降低跳出率,更好地提升客户的转化效果

 

6

新 技 术 · 新 起 点 , 新 外 贸 · 新 征 程  !

敬 请 期 待 !

在线客服

全球搜在线客服

二维码 ai格式 微信
wecat (1) 微信
播放
全球搜视频