移动应用爆棚的今天AMP是否胜过RWD

2018年4月18日07:45:27 7 46 views

我们生活的当今社会,高科技产品正在不断的更新和创新,在过去,我们需要带一堆的存储软盘出去工作,而今天,我们可以轻轻松松的把1TB的硬盘装在口袋里。如今的网络世界也是这样,网站的开发人员不单单只是关注桌面应用,更应该关注移动应用。手机对于未来的每个人来说都是必不可少的,几乎人手一个,可见移动设备对我们生活的影响和重要性。那么我们今天就介绍一下AMPRWD之间的差异和优势。

移动应用爆棚的今天AMP是否胜过RWD

 

什么是RWD

响应式网站设计(简称RWD)是一种新的网站设计模式,以此构建的网站可自动适应不同的访问设备(从桌面电脑、平板电脑到智能手机),方便用户阅读和导航浏览,减少用户的放大、缩小、滑动操作,从而提供完整而友好的用户体验。

 

什么是AMP

移动页面加速(简称AMP),是由谷歌公司启动的一个加快移动页面加载速度的开源项目。它的目的是将开发内容传送到移动设备的高度优化的方法,与百度启动的MIP计划非常相似。

AMP利用多种优化技术在移动设备中实现快速加载,这是一种很专业化的方式。它使移动网页无需等待即可立即加载,从而改善用户的浏览体验。

 

AMP对用户有何影响

我们可以先来了解一下现代移动网络技术中使用AMP后的用户体验差异化问题。

  • 速度和加载时间

AMP的速度非常快,通常是1秒级的加载时间。这是因为所有AMP页面都是由Google的CDN缓存并提供的,而RWD是类似本地加载速度来加载的网站,速度可能会较慢。

  • 内容灵活性

虽然AMP的速度非常快,但无法运行JavaScript,因为AMP是针对非文字(如图片,视频和嵌入代码)的内容元素,它使用自有的自定义标记语言。因此,你对内容进行的美化和修饰都没办法在AMP网页中展现,它展现的只是一些纯文本,不会有花哨的装饰。

  • 移动搜索引擎排名位置

AMP目前不确定是否对排名有影响,但它对点击次数,展现次数和用户浏览体验有一定影响。因此,如果你没有在移动设备上投放AMP网页,那么你的流量,点击次数,展现次数以及移动设备用户参与度可能会下降。

  • 良好的移动支持

可能很多实施了AMP网站的站长都会感觉到,移动流量都得到了显著的增加,其实这也不用感到意外,包括百度、Google在内的大型搜索引擎都会优先考虑使用了AMP页面的自然搜索排名,所以,你如果提交了AMP页面,他们会更青睐你的内容。

  • AMP更易于安装

与RWD不同,AMP更容易在网站上进行设置。如果你使用的是RWD方法,就需要对CSS样式进行编辑,对于非专业的人来说是一件很麻烦的事情。但如果你使用的是WordPress,你可以利用AMP插件就可以轻松实现。

下面是将AMP Analyst,Google Web Fonts和Fontawesome添加到AMP页面中,将其添加到主题functions.php文件中,用自己的GA代码替换“UA-XXXXXXXX-4”。

  1. /*----------调用AMP----------*/
  2. function dez_add_amp_scripts() { ?>
  3. <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
  4. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
  5. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
  6. <?php }
  7. add_action('amp_post_template_head','dez_add_amp_scripts');
  8. /*----------AMP谷歌分析----------*/
  9. function dez_add_amp_ga() { if( !is_user_logged_in() ) { ?>
  10. <amp-analytics type="googleanalytics" id="analytics-amp">
  11. <script type="application/json">
  12.     {
  13.         "vars": {
  14.             "account""UA-XXXXXXXX-4"
  15.         },
  16.         "triggers": {
  17.             "trackPageview": {
  18.                 "on""visible",
  19.                 "request""pageview"
  20.             }
  21.         }
  22.     }
  23. </script>
  24. </amp-analytics>
  25. <?php } }
  26. add_action('amp_post_template_footer','dez_add_amp_ga');

如果你使用的是WordPress网站,你可以去网上找一些响应式的WordPress主题,这样就可以直接解决移动网站相应的问题了。

 

结论

AMP为移动用户提供了快速阅读的用户体验,随着移动用户的日益增加,移动平台的竞争将越来越激烈,也将成为一种大趋势。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:7   其中:访客  7   博主  0

    • 品牌馆 品牌馆 2

      我的站是自适应的,哈哈

      • 大事记 大事记 3

        同是加速,为什么百度的MIP是大改造,哈哈,操碎了心。

        • 羊毛 羊毛 1

          最终被腾讯以小程序收割

          • 姜辰 姜辰 5

            还是喜欢响应式~

            这个AMP好像还是缓存在搜索引擎那里~

            对于我这个突然要修改的,有点不太好~

            • 西枫里博客 西枫里博客 5

              随着硬件性能成倍提升,带宽吞吐不断加大,MIP AMP早晚退出舞台

              • boke112导航 boke112导航 5

                我已经随大流安装了AMP插件,有没有效果就懒得管了

                • 烤德香 烤德香 4

                  :arrow: 指数怕和现有网站的代码不兼容啊,出问题了,我自己没本事修改。