什么是AMP（加速移动页面）Web开发？AMP的好处以及它与响应式网页设计的区别

网站建设

如果您浏览过去几年的网站分析流量，您可能会发现它们共享一个重要的东西 – 移动设备上的用户数量有所增加。

从全球来看，移动设备现在有更多的网络流量，而不是我们认为的“传统设备”，这主要是指台式机或笔记本电脑。毫无疑问，移动计算已经改变了人们消费在线内容的方式，这意味着它已经改变了我们为越来越多以移动为中心的观众构建网站的方式。

为移动设备大众建设

网络专业人士多年来一直重视创建“移动互联网站”。诸如响应式网页设计的实践旨在帮助创建适用于所有设备的网站，并将重点放在网站性能和快速下载时间上，使所有用户，移动设备或其他用户都受益。移动友好网站的另一种方法被称为AMP Web开发，代表加速移动页面。

这个由Google支持的项目被创建为开放标准，旨在允许网站发布商创建在移动设备上更快速加载的网站。如果你认为这听起来很像反应灵敏的网页设计，那么你没有错。这两个概念有很多共同点，即它们都专注于向移动设备上的用户提供内容。然而，这两种方法之间存在一些差异。

AMP与响应式网页设计的主要区别

响应式网页设计的优势一直是它添加到网站的灵活性。

您可以创建一个自动响应访问者屏幕尺寸的页面。这样可以让您的网页达到最佳状态，并能够从各种设备和屏幕尺寸提供良好的体验，从手机到平板电脑，笔记本电脑，台式机等。响应式网页设计专注于所有设备和用户体验，而不仅仅是移动设备。

这在某些方面是好的，在其他方面是坏的。

网站的灵活性非常好，但如果您真的想专注于移动设备，那么创建一个专注于所有屏幕的网站，而不是仅在移动设备上，可以为纯粹优化的移动性能提供灵活性。那就是AMP背后的理论。

AMP纯粹专注于速度 – 即移动速度。据该项目的Google技术负责人Malte Ubl介绍，AMP旨在将“即时渲染到网页内容”。其中一些方法包括：

• 懒加载
• 使用预连接
• 预取资源
• 异步Javascript
• 内联样式表
• 没有可下载的字体
• 资源优先排序

这些只是AMP的负载如此之快的一些原则。但是，该列表中还有一些项目可能使长期的网络专业人士陷入困境。例如内联样式表。我们许多人被告知多年来，所有的样式都应该包含在外部样式表中。能够从一个外部表单中创建大量的网站页面是CSS的优点之一 – 如果页面使用内联样式，那么这个强度将被否定。是的，您不需要下载外部文件，而是以单一样式表管理整个站点为代价。

那么哪种方法更好？现实是他们都有自己的好处和弊端。网络不断变化，不同的人访问您的网站有不同的需求。在所有情况下制定适用的规则是非常困难的，因为在不同情况下不同的方法是有意义的。关键是衡量每种方法的优点或缺点，以确定在特定情况下最适合的方法。

AMP和RWD之间的另一个主要区别是，响应式设计很少“添加到”现有站点。因为RWD真的是对网站的架构和体验的重新思考，所以通常需要重新设计和重新开发网站以适应响应风格。然而，AMP可以添加到现有的站点。事实上，它甚至可以添加到现有的响应站点。

JAVASCRIPT注意事项

不同于RWD的网站，AMP网站不能很好地使用Javascript。这其中包括3 ^次派对脚本和图书馆在当今网站上非常受欢迎。这些库可以为站点添加不可思议的功能，但也会影响性能。因此，这一理由认为，强烈关注页面速度的方法将避免使用Javascript文件。正是由于这个原因，AMP通常最适用于静态网页，而不是高度动态的页面，或者是由于某种原因需要特定Javascript效果的页面。例如，使用“灯箱”风格体验的网站画廊不会是AMP的绝佳选择。另一方面，不需要任何花哨功能的标准网站文章或新闻稿将是与AMP交付的绝佳页面。使用移动设备的用户可能会读取该页面，该用户可能已经在社交媒体或Google移动搜索中看到了链接。能够在请求时立即提供内容，而不是减少下载速度，同时加载不必要的Javascript和其他资源，可以获得良好的客户体验。

选择正确的解决方案

那么哪个选项适合你 – AMP或RWD？这当然取决于你的具体需求，但你不需要选择一个或另一个。如果我们想要更聪明（更成功）的在线策略，这意味着我们需要考虑我们所有的所有工具，并学习如何共同合作。也许这意味着可以响应地提供您的网站，但是在选择的部分或页面上使用AMP可能最适合该开发风格。它也可能意味着采取不同的方法，并结合它们来创建满足非常具体需求的混合解决方案，并为这个网站的访问者提供最好的两个世界。