AMP

代码背后的故事:Simon Rønbøl 的 AMP 之旅

开发者体验

AMP 于 2015 年推出时,Simon 正在 Online-Results A/S 开始他的职业生涯。他一直在业余时间研究 AMP,以磨练自己的技能并紧跟行业趋势。最终,他学到了足够的知识,可以从家里构建一个用于 AMP 页面的静态站点生成器。 

对 AMP 充满热情后,他将自己的站点生成器带到工作中,向 SEO 团队展示其功能。这开启了一段旅程,改变了 Online-Results A/S 的业务产品,并在五年内将 Simon 从实习生提升为公司合伙人。 

您能介绍一下贵公司的背景,以及是什么吸引您使用 AMP? 

Online-Results A/S 是一个远程数字部门 - 我们分析数字行为模式,并利用这些见解为中小型企业构建以转化为导向的网站和营销策略。 

如果您是一家拥有 10-20 名员工的汽车修理公司,您可能没有时间或能力聘请网站开发人员。我们可以为他们构建易于使用的网站,这些网站直观、高性能且转化率高。

加载时间一直是我们产品的重要组成部分;我们使用 Page Speed Insights 工具 作为销售我们网站的主要动力。当我们看到 AMP 在 Google 搜索中即时加载时,我们便进行了切换 - 我们希望让我们的快速网站更快。我非常感谢我的管理团队;经过几次测试后,他们愿意投入大量时间和资源来进行切换。这真的非常有效。

集成 AMP 是否遇到了任何挑战? 

没有,这真的很容易上手。将我们的静态 html 网站转换为 AMP 网站非常快 - 优化它们才是真正的挑战。 

在那之前,我们一直在使用臃肿的 CMS;庞大的基础设施,性能瓶颈不断。对于我们构建的小型网站来说,这就像用大炮打鸟!所以我构建了一个静态站点生成器,然后利用 AMP 社区 来解决问题。 

您提到了优化 AMP - 您能举些例子吗? 

我们一直在不断优化!就在上周,我在静态站点生成器中实现了 CSS 树摇动。现在,我们有一种自动方法可以遍历每个页面,检查 CSS 是否在每个单独的网站上实际使用,然后剥离未使用的 CSS。 

AMP 对您的业务有何影响? 

静态站点生成器是我们使用 AMP 的核心。每次设计师或开发人员提出新想法时,我们都会回到我们的 HTML 根源,并快速构建它。 

以前,当我们使用 CMS 时,构建一个功能滑块需要几个小时。现在,我们可以像处理任何其他 HTML 元素一样对其进行样式设置。 

您不需要了解 JavaScript 就可以构建 - 这有助于我们的设计师以快速、轻松且有效的方式将他们的想法变为现实。 

AMP 如何帮助您进行创新? 

这使得我们创建网站变得非常容易 - 现在,一名员工可以在三到四天内从空白页面到完成的网站。这是一个经过优化的网站,包含分析、通话跟踪等功能。

以前,网站约占我们业务的 3%,现在已上升到我们总收入的 20-25%。我们让 AMP 变得非常容易让我们的客户理解。他们在搜索结果中看到一个小闪电符号,并立即意识到 AMP 的速度为我们构建的网站增加了信誉和信任。

您会给任何考虑使用 AMP 的人什么建议? 

如果您是想要使用 AMP 的开发人员,我强烈建议您参加 路演。您也应该加入 Slack 聊天,在那里您可以获得很多灵感。如果您的第一个构建失败了,总有人会帮助您! 

您也应该拥抱回归根源。很容易养成习惯,每遇到一个新问题就添加新的插件,但我们认为 50 千字节的 CSS 限制是一个以新方式表达创造力的机会。  

在我看来,您无法构建一个糟糕的 AMP 页面。如果它不是高功能的,它将不会是有效的 AMP - 所以,请尽情尝试吧。 

AMP 是否帮助您实现任何个人或职业目标? 

好吧,我现在是合伙人了!它帮助我取得了巨大的进步,并且在这段旅程中,我得到了很多支持。我只是一个人,我不能一辈子都继续构建和更新滑块。但是有了 AMP,我觉得我有一个全球性的开源开发人员团队,他们共同努力创建最好的组件。  

它节省了大量时间,这帮助我专注于个人发展。 

您对 AMP 的未来最期待什么? 

我迫不及待地想看到它扩展到 AMP for Email 和 AMP Stories。我真的很想看看 AMP 如何改变电子邮件。它有可能改变一切。 

如果您问任何开发人员,他们都会讨厌处理电子邮件。编写电子邮件代码太难了!您必须使用 1998 年的标准,这太烦人了。所以,拥有一个 AMP 电子邮件库将非常令人兴奋。  

您是否对效仿 Simon 的旅程感兴趣?查看 amp.dev 上的资源,获取您需要的一切,以帮助您通过 AMP 提升职业生涯。

提升您的 AMP 技能 

您是否将 AMP 作为您的策略的一部分?在 Twitter 上分享您的故事