快速、以受众为先且高效 - 谈论任务对齐。在华盛顿特区工作的网站前端工程师 Marissa Halpert 和领导德克萨斯州网站前端工程师的 Rick Terrill 无法忽视这种联系！他们共同领导了 Axios 向 AMP 优先的转变。我们邀请这对搭档来聊聊 2019 年的测试版如何升级为全面迁移。
感谢你们加入我们！首先 - 能否分享一下你们的背景？
Rick：我通过对视频游戏的热爱进入科技行业，并梦想成为一名游戏开发者。这很快变成了对 Flash 的热爱（我向你保证，当时超级酷）。一个网站前端狂热者就此诞生。
Marissa：我在高中接触到编程，然后在詹姆斯麦迪逊大学学习计算机科学。自那以后，我在一家财富 500 强公司从事全栈开发，并在一家数字代理公司领导网站前端项目，然后于 2019 年 4 月加入 Axios。
你能否告诉我们一些关于 Axios 的信息，以及是什么吸引你使用 AMP？
Marissa：Axios 于 2017 年推出，其使命是让人们变得更聪明、更快。我们分享政治、科技、科学、媒体、商业和世界各地的新闻。
Rick：在 Axios，我们一切都以受众为先。我们希望我们的网站快速且易于使用，其内容值得读者花时间阅读。我们认为，使用 AMP 优先是帮助我们实现这一目标的最佳选择，事实证明确实如此。
你们如何着手将网站切换为 AMP 优先？
Rick：这是一个两阶段的方法。我们在 2019 年创建了一个测试版，使用 ADR 来应对挑战并就细节达成一致。我们将我们的单篇故事页面实现为一个独立的应用程序，负责呈现两到三年的内容和几个广告单元。
Marissa：在我加入 Axios 之前，Rick 的团队编写了大部分测试版代码。为了更多地了解 AMP，我参加了 Roadshow 在亚特兰大举办，并开始倡导使用 AMP 优先。在获得批准后，我们启动了一个完整的发现过程。我们选择了 Next.js 9.1，因为它内置了 AMP 集成，而且我们的团队已经具备 React 知识。
是什么推动了这一决定？
里克：测试版是我们可以观察到的快速且简单的东西 - 但我们的开发团队必须维护两个独立的代码库（axios.com 和 amp.axios.com）。它们都是 React.js，但它们也是完全不同的思维方式。我们希望确保每个人都使用 React.js 和 Next.js 以相同的方式一起工作。
玛丽莎：自我们的 AMP 测试版首次亮相以来，AMP 已经取得了长足的进步。最终，AMP 以其闪电般的速度（以及庞大的组件库和社区推广）而闻名，这使我们相信 AMP 优先。
您是否遇到过需要克服的挑战？
里克：我们在 Axios 上的所有广告都是我们内部构建的原生广告，我们现有的创意在尺寸和维度上各不相同。到目前为止，最大的挑战是适应 AMP 的固定高度世界。对于使用 AMP 构建数字广告的其他企业来说，这可能是一个挑战。
AMP 如何帮助您提高速度？
里克：Axios 和 AMP 之间立即建立了共生关系，因为我们的使命是帮助人们更快地了解重要新闻和信息。AMP 迫使我们检查每个功能，直到字节，并确保它值得读者的时间。它还促使我们删除了许多复杂的客户端逻辑，这使 Lighthouse 得分提高了好几倍。
AMP 如何作为开发人员团队改变您的观点？
玛丽莎：AMP 优先意味着不断发挥您的创造力。我们需要重新评估我们如何编写内联 JavaScript。我们需要更多地注意我们编写的 CSS 以保持在 75kb 限制之下。AMP 验证器提醒我们始终考虑用户的体验。
里克：没错。如果您在笔盒中只有一种颜色，您会开始画得更快，而不用担心阴影。
有兴趣了解更多有关 AMP 的信息吗？
然后注册我们的电子邮件时事通讯，即可直接在收件箱中获取最新更新、活动公告、社区讨论和高级教程。
由 Google AMP 项目营销部 Alex Durán 发布