AMP的好处以及它与响应式网页设计的不同之处
如果你看看过去几年网站的分析流量，你可能会发现它们都有一个共同的主要事情 - 他们从移动设备用户获得的访问者数量增加。
从全球范围来看，移动设备的网络流量现在比我们认为的“传统设备”更多，这基本上意味着台式机或笔记本电脑。 毫无疑问，移动计算已经改变了人们消费在线内容的方式，这意味着它已经改变了我们必须为越来越以移动为中心的受众构建网站的方式。
建立移动受众群体
多年来，创建“移动友好网站”一直是网络专业人士的首要任务。 像响应式网页设计这样的实践旨在帮助创建适用于所有设备的网站，而关注网站性能和快速下载时间将使所有用户，移动设备或其他设备受益。 移动友好网站的另一种方法称为AMP web开发，即加速移动页面。
这个由Google支持的项目是作为一个开放标准创建的，旨在允许网站发布者创建在移动设备上更快加载的网站。 如果你认为这听起来很像响应式网页设计，那么你没有错。 这两个概念有许多共同之处，即它们都专注于向移动设备上的用户提供内容。 然而，这两种方法之间有许多不同之处。
AMP和响应式网页设计之间的主要区别
响应式网页设计的优势之一一直是它增加到网站的灵活性。 您可以创建一个页面，自动响应访问者的屏幕大小。 这可以让您的页面覆盖范围扩大，并且能够为各种设备和屏幕尺寸提供良好的体验，从手机到平板电脑到笔记本电脑，台式机和其他设备。 响应式网页设计专注于所有设备和用户体验 ，而不仅仅是移动设备。 这在某些方面都很好，在其他方面也不错。
网站的灵活性非常好，但如果你真的想专注于移动，那么创建一个专注于所有屏幕的网站，而不仅仅是移动网站，可以为纯粹优化的移动性能交易灵活性。 这是AMP背后的理论。
AMP纯粹专注于速度 - 即移动速度。 根据该项目的Google技术负责人Malte Ubl的说法，AMP旨在将“即时呈现到网页内容”中。这样做的一些方式包括：
- 延迟加载
- 使用预连接
- 预取资源
- 异步Javascript
- 内联样式表
- 没有可下载的字体
- 资源优先
这些只是使AMP 加载速度如此之快的一些主要原因。 但是，该列表中的一些项目可能会让长期的Web专业人士感到畏缩。 例如， 内联样式表 。 多年来，我们中的许多人都被告知所有样式应该包含在外部样式表中。 能够在一张外部表单中设置所有网站页面的样式是CSS的强项之一 - 如果页面使用内联样式，这种优势将被否定。 是的，您不需要下载外部文件，但需要使用单一样式表管理整个站点。 那么哪种方法更好？ 现实是他们都有他们的好处和缺点。 网络在不断变化，不同的人访问你的网站有不同的需求。 建立适用于所有情况的规则是非常困难的，因为不同的方法在不同的情况下是有意义的。 关键是衡量每种方法的优点或缺点，以确定哪种方法最适合您的具体情况。
AMP和RWD之间的另一个关键区别在于响应式设计很少“添加”到现有网站上。 由于RWD实际上是对网站体系结构和体验的彻底反思，因此通常需要对网站进行重新设计和重新开发以适应响应式样式。 但是，AMP可以添加到现有网站上。 事实上，它甚至可以添加到现有的响应式网站上。
Javascript注意事项
与使用RWD的网站不同，AMP网站在使用Javascript时效果不佳。 这包括今天在网站上非常流行的第三方脚本和库。 这些库可以为网站添加令人难以置信的功能，但它们也会影响性能。 因此，强烈关注页面速度的方法会避开Javascript文件。 正是出于这个原因，AMP常常最好用于静态网页，而不是高度动态的网页或那些因某种原因需要特定的Javascript效果的网页。 例如，一个使用“灯箱”风格体验的网站画廊不会成为AMP的绝佳选择。 另一方面，一个标准的网站文章或新闻稿不需要任何花哨的功能将是一个伟大的页面与AMP交付。 该网页可能会被使用移动设备的人阅读，他们可能在社交媒体上或通过移动Google搜索查看了该链接。 当他们请求时能够立即提供该内容，而不会减慢下载速度，同时加载不必要的Javascript和其他资源，从而为客户提供绝佳体验。
选择正确的解决方案
那么哪种选择适合你 - AMP还是RWD？ 当然，这取决于您的具体需求，但您不需要选择其中一个。 如果我们想要更智能（更成功）的在线策略，那意味着我们需要考虑所有可用的工具，并了解它们将如何协同工作。 也许这意味着响应式地提供您的网站，但是在选择的部分或页面上使用AMP可能最适合该风格的开发。 它也可能意味着采取不同方法的各个方面，并将它们结合起来创建混合解决方案，以满足非常具体的需求，并为该网站的访问者提供两全其美的解决方案。