Velocitize

Living in a Mobile World: Interview with Google’s Paul Bakaus on AMP

Below is an interview from 2017 with Paul Bakaus, then-web advocacy lead for Google’s AMP (Accelerated Mobile Pages). He’s now EVP, Product & Creator Tools, at Spotter. As of 2021, support for AMP had been discontinued in some apps.

We’re living in a mobile-first world.

In 2023, mobile traffic accounts for 54% of all global web traffic. This means that to remain competetive, brands must build mobile-first digital experiences. It also means that a lot of today’s development standards just won’t cut it anymore; specifically, JavaScript-heavy web pages that take too long to load.

At its most simple level, AMP strips down the web pages to make them super light and incredibly fast. While sites can achieve the same lightning-fast outcome by fine-tuning their sites manually, AMP automates the process making it easier to maintain over a long period of time.

“This includes things like enforcing a static layout so before any external assets have been noted, it can display the content quicker,” Bakaus said.

The biggest benefit of AMP, however, is that nothing can stop your content from loading on your page. This is increasingly important as studies have found that 53% of visits are abandoned if a site takes more than three seconds to load.  

It’s important to note that AMP is not a ranking signal, but rather it takes the mobile-first standards and automatically applies them to the web page. This delivers a better user experience, but doesn’t necessarily mean that the pages are going to rank higher. Some have argued, however, that sites eligible for the top stories carousel have seen a boost in traffic, he said.

AMP does sacrifice flexibility for speed but not as much as you’d think

The trade-off between flexibility and speed is one that has been noted by AMP critics since the project first launched. Although there is somewhat of a trade-off, it is drastically overestimated, Bakaus noted.

“There’s an assumption that all AMP pages must look the same, and that is absolutely not true,” he said. “There’s almost no limitation to how you can style AMP pages in terms of using CSS.”

While there are a number of AMP components available today to make pages more dynamic, limitations still exist. This means that if you want to add custom interactions to your page then AMP may not suite your needs.

The AMP team is continuously working to make content more dynamic, however, by identifying some of the most common uses and abstracting them in AMP components, which can easily be reused on your pages, Bakaus told Velocitize.

“Take a sliding sidebar, for example. This is something you would typically add to your site using JavaScript, but we have a component to allow you to add this feature without it,” he said.

This trims off the weight of the page making it load faster without having to sacrifice the functionality. This also eases development workflows.

“By offering easily maintainable dynamic components, it is arguably easier to create a new site using AMP,” Bakaus said. “Because AMP provides the very high-level semantics, developers will only need to write HTML and CSS.”

AMP is not a content distribution platform, it’s a web page

Bakaus urges site owners not to think about AMP as a content distribution channel, but instead to consider it the mobile version of their web pages.

“AMP is built from the ground up with open web technologies, so if you publish an AMP page, it’s really a web page; you shouldn’t treat it as something else,” he said.

Bakaus emphasized the importance for developers to think about creating an AMP page the same way you would think about developing your site. “The assumption is now that the AMP page becomes your site and you need to treat it as such.”

If you’re enabling AMP or building your pages in AMP, you as a publisher are saying “this is my website for your mobile.” If you think about AMP as a side-project, and it doesn’t include the full functionality of the page, like comments or a side bar, then it’s probably not going to get as much traction.

AMP is targeting new verticals

As the AMP team continues to add dynamic components to the project, it opens the door to a new world of opportunity. Bakaus said that in the future we can expect to see AMP advertising to different verticals.

“We just added a new component called AMP-Bind, which allows custom interactivity with data binding and expressions,” Bakaus said. “This is something that you would usually need JavaScript for. We’ll start to see this more often in the future.”

What has started as something for news and publishers has now extended itself to other verticals, Bakaus emphasized. It now makes sense to use it for other types of sites. AMP has already started advertising to ecommerce, and will explore other verticals in the future as they continue to add dynamics components.

Bakaus’ website is actually built exclusively on AMP, meaning that there is no other version of his site. “My blog actually looked exactly the same before I converted it to AMP,” Bakaus said.

He intentionally designed it so that site visitors should not notice that it’s on AMP. This helps fight the notion that all AMP pages must look the same, and highlights its flexibility.

AMP for WordPress

There are several different tools and plugins that make it easy for sites to convert pages to AMP.

WordPress, the powerful CMS currently used by more than 43.3% of the internet (in 2023), currently offers several different plugins for integrating AMP into your digital experiences including the official AMP for WordPress plugin for technical implementation and Glue for Yoast SEO to ensure that meta has been implemented correctly and for easy customization of AMP pages.

Exit mobile version