什么是谷歌放大器?它的工作原理以及为什么对移动网站有用

如果你的网站的移动版本很慢或者资源太多,那么看看Google-AMP是如何加速的。...

Google AMP,或称加速移动页面(Accelerated Mobile Pages),是Google创建的一个开源项目,旨在为移动设备提供更流畅的浏览体验。

该项目承诺了更高的性能、更高的参与度和更少的数据使用,这对用户和发布者都有利。

放大器是如何工作的?

[嵌入]https://youtu.be/9Cfxm7cikMY[/嵌入]

页面速度在今年7月(2018年)成为移动页面的排名因素,AMP在这里满足您网站对速度的需求。事实上,AMP承诺让**浏览速度提高85%。

通过对HTML、JavaScript和CSS的优化和限制的组合,页面几乎可以立即加载。与作者编写的JavaScript不同,特定于AMP的元素确保了速度和兼容性。

页面速度也提高了以上的折叠优先级,特定的放大器缓存和预渲染。此外,使用小文件和媒体,以及来自服务器的少量资源请求,进一步提高了速度。

AMP中的优化还将确保页面的布局始终正确加载,甚至在加载图像和iframe(用于广告)之前也是如此。

这是通过在HTML文档中指定图像和iframe的大小来实现的(称为“静态布局”)。基本上停止了内容在加载时移动以适应资源。

什么是放大器缓存(amp caching)?

如果发布有效的AMP站点,页面将自动缓存为AMP生态系统的一部分。缓存将存储您的AMP文档、字体和图像。

目前有两种AMP缓存在使用,Google的AMP缓存和Cloudflare的AMP缓存。仅Cloudflare的服务器就覆盖了50个不同国家的102个地点。

每次有人访问内容时,缓存都会更新,更新后的内容会自动提供给下一个用户。这确保了最新版本的服务,迅速向尽可能多的人。

除了缓存内容外,缓存服务器还将提供一些优化和修改,例如:

  • 正在验证AMP格式。
  • 限制图像尺寸以防止浏览器内存问题和响应能力差。
  • 删除不可见或难以查看的图像数据,例如某些元数据。
  • 将图像转换为更小、更方便移动的图像格式,例如将GIF、PNG和JPEG格式图像转换为WebP(什么是WebP?)在支持WebP的浏览器中。
  • 如果请求包含保存数据头,则将图像转换为低质量。
  • 添加对响应大小图像的支持。
  • 通过安全通道(HTTPS)服务,并使用最新的web协议(SPDY,HTTP/2)。
  • 清除AMP文档,以防止基于不正确关闭的HTML标记、注释等的XSS攻击。

除了这些优化之外,缓存还将完成许多HTML清理过程以规范化解析。

在googledevelopers页面上有一个完整的AMP缓存优化列表。

什么是amp的实际好处(the actual benefits of amp)?

速度是AMP的主要吸引力。这就是为什么许多出版商,如谷歌、Facebook、百度、Pinterest和Twitter已经采用了这项技术。提高的速度增加了参与度,并降低了反弹率几乎所有。

AMP特别适用于移动互联网覆盖率低的地区,或拥挤和缓慢的公共网络,如机场和咖啡店。这就是为什么在他们的应用程序中的内容加载速度如此之快,而普通的浏览速度却很慢。

去年,福雷斯特咨询公司(Forrester)咨询公司(Google委托)进行的一项研究发现:

"AMP leads to a 10% increase in website traffic with a 2x increase in time spent on page. For e-commerce websites using AMP, the study also found a 20% increase in sales conversi*** compared to non-AMP pages."

谷歌的热门故事旋转木马在**上只会使用谷歌的AMP缓存来显示文章,所以对于许多出版商来说,使用AMP应该是一个自动的选择。

****、eBay和AliExpress都是利用AMP的好例子。如果您在移动设备上的Google搜索中单击这些站点的内容(用amp图标标记),您将加载这些站点页面的amp版本。

amp故事

今年早些时候,AMP生态系统的另一个亮点是AMP故事。与Snapchat故事类似,这些故事已经被许多出版商使用。很好的例子包括CNN关于探索太阳系任务的报道,以及Mashable的《黑豹基本指南》。

AMP Story广告是stories功能的一个补充,最近所有使用GoogleAdManager的网站都可以使用它。这些是出现在AMP故事中的全屏广告,是使AMP比一年前更有用的许多改进之一。

什么是amp的缺点(the downsides to amp)?

如果您使用Google、Twitter、Pinterest、Messenger等,您会注意到外部链接将在域本身中打开,而不是在它链接到的域中打开。

尽管AMP-viewer改善了用户的浏览体验,但对网站所有者来说可能是一个负面影响。它剥夺了你控制访问者浏览网站的权力。

这可能会破坏你的网站页面视图,并可能扰乱你的广告收入。甚至有些分析和跟踪问题,如果你不使用谷歌分析来AMP,这些问题都很难解决。

也就是说,有些读者可能更喜欢追踪困难。如果是这样,你可以做什么来找出谁在网上跟踪你。

谷歌在移动设备上的顶级故事转盘将只提供AMP就绪的内容。这是一个重要事实,因为所有AMP内容的大部分流量来自于搜索古戈尔.

这种偏袒不仅仅止于新闻转盘。谷歌还将推出比任何其他链接更高的支持AMP的网站,包括标准的移动友好网站。尽管如此,从技术上讲,AMP本身并不是一个页面排名因子(还没有),但是速度的提高是值得的。

即使你让你的AMP页面可用,它们也不会总是被使用,这取决于所使用的操作系统、应用程序或设备。如果您使用Cloudflare,则可以启用加速移动链接,以便在移动设备上识别和显示来自站点的AMP内容,无论其来源如何。

Cloudflare还可以帮助您在使用**时提高隐私和性能。

amp中的可视化与设计

我们喜欢自己的一些花哨的网站。然而,AMP的局限性会让你失去一些网站的视觉吸引力,而这些视觉吸引力是你使用响应式网站和移动设计所能保留的。

例如,WordPress中的插件将通过提供网站的简化版本来服务于AMP。这些WordPress-to-AMP转换器提供很少的视觉吸引力,也是许多AMP站点看起来相似的主要原因之一。

如果你用手来设计你的AMP页面,而不是使用转换器,你可以得到一个类似于传统移动设计的设计,并且更具视觉吸引力。

AMP还有一段路要走,许多开发者强烈反对使用它,因为它迫使他们进一步进入谷歌生态系统。这使得许多人开始搜索谷歌的替代产品。

你应该创建amp页面吗?

AMP为网站所有者带来了很多好处,特别是如果您每天提供大量内容的话。但是,您可以在不实现AMP的情况下解决许多降低网站速度的问题,如过度使用JavaScript、服务器响应缓慢和文件大小过大。

智能**设计可以快速为您的网站服务。谷歌的珍妮·戈夫(Jenny Gove)写了一篇关于如何打造一个好的移动网站的文章,值得一读。

有WordPress AMP插件和Drupal AMP插件,可以帮助您生成AMP内容。否则,AMPROJECT快速启动文档是一个宝贵的资源,可用于手动编写AMP页面的代码。

整个AMPProject网站实际上是在AMP中创建和呈现的,所以这是一个很好的例子,说明了这些页面在所有分辨率下的外观,而不仅仅是在移动设备上。

尽管人们出于许多不同的原因对AMP有强烈的反感,Stonetemple.com网站研究了10个案例,以了解用户参与度和转化率的差异。他们得出结论,只要AMP的实现是完全完成的,大多数网站,无论其利基,将看到好处。

底线是你应该考虑你的客户是否会从AMP中得到任何好处。根据您提供的服务和您提供的内容,它可能不会在移动页面上增加改进。通过适当的优化,移动页面也可以快速加载!

如何禁用amp

缓存是AMP生态系统的核心部分,发布一个有效的AMP文档会自动将其选择到缓存交付中。如果你想删除你的网页,谷歌已经写了一本指南,说明如何从谷歌搜索中删除AMP内容。

如果您想停止以用户身份加载AMP页面,可以禁用AMP链接并在**上加载原始页面。

  • 发表于 2021-03-22 13:41
  • 阅读 ( 283 )
  • 分类:IT

你可能感兴趣的文章

如何在android和iphone上的google搜索中禁用google-amp

... 谷歌放大器的问题 ...

  • 发布于 2021-03-13 12:44
  • 阅读 ( 316 )

6谷歌地图的替代方案及其重要性

...后期,Waze应用程序最终被谷歌收购。所以你可能想知道为什么它会被列入谷歌地图的备选名单。 ...

  • 发布于 2021-03-14 11:29
  • 阅读 ( 299 )

5个更快的chrome扩展以加速网页浏览

...用的社交媒体共享按钮或Google Adsense代码是相同的。那么为什么你的浏览器每次都要从网站上下载这些呢? ...

  • 发布于 2021-03-20 02:15
  • 阅读 ( 307 )

什么是谷歌?如何进行互联网搜索

“你为什么不谷歌一下呢?你用谷歌文档吗?你在谷歌地图上查过吗?你能在谷歌硬盘上共享这个文件吗?” ...

  • 发布于 2021-03-20 21:13
  • 阅读 ( 237 )

5个新的谷歌应用程序,酷,有用,有趣

...件格式、质量、通道、平滑和量化。如果你不知道这些是什么,就让斯库奥什帮你挑吧。你甚至可以对每一个进行实验来了解更多。 ...

  • 发布于 2021-03-22 00:48
  • 阅读 ( 359 )

8个股票android应用你应该用这些替代品取代

... 再说一次,谷歌日历没有什么问题。但是,如果日历是你日常工作流程的重要组成部分,你可能会找到一个更适合你需要的第三方应用程序。 ...

  • 发布于 2021-03-24 06:36
  • 阅读 ( 233 )

3个更好的bing图像搜索技巧

必应搜索引擎是谷歌搜索的真正替代品。一个原因是,必应内置于windows10中,但不是那种让人窒息的微软产品。如果你知道如何使用它,它会非常有用,而且它的一个更有用的特性是Bing图像。 ...

  • 发布于 2021-03-24 17:27
  • 阅读 ( 223 )

奇怪但很酷:25个你没见过的最奇怪的网站

...技做的事情。DJ特朗普让你创建一个视频,特朗普总统说什么,通过混搭各种演讲。写下你想从总统嘴里听到的话,几分钟后你就会得到一个剪辑。他的演讲也有一些不讨人喜欢的变体。说唱歌手特朗普是最好的! ...

  • 发布于 2021-03-25 23:27
  • 阅读 ( 412 )

什么是谷歌助手?如何充分利用它的潜力

... 如果你喜欢语音命令,为什么不更进一步,尝试完全用你的语音控制Android呢? ...

  • 发布于 2021-03-26 07:48
  • 阅读 ( 484 )

最好的谷歌在线课程,你应该采取

... 这个免费的谷歌课程有三个模块:什么是虚拟现实?平台和范例,以及统一平台。在这三个模块中,您将学习光学和方向跟踪、游戏引擎、虚拟现实中的跟踪、如何在Unity平台中安装和打开项目等等。 ...

  • 发布于 2021-03-26 10:37
  • 阅读 ( 203 )
koodzkz569579
koodzkz569579

0 篇文章

相关推荐