I had come across a link on the HackerYou slack channel about Google’s AMP Roadshow in Toronto. Being new to the web development industry and having been pursuing a freelancing business, I wanted to see what this roadshow is all about and what Google has to say about accelerated mobile pages. Also the fact that it’s Google, it’s free and I can get to see their office.
Accelerated Mobile Pages (AMP) according to Google’s AMP page states that this project
“is an open-source initiative aiming to make the web better for all. The project enables the creation of websites and ads that are consistently fast, beautiful and high-performing across devices and distribution platforms.”
The day started with registration and some breakfast (hmmm coffee… ). I got a seat close to the front and waited for the whole event to start. Paul Bakaus, a Developer Advocate for AMP, was the main speaker for the event.
Paul and his team talked about what AMP is, the misconception about AMP pages, monetizing AMP pages through Ads created with AMP, Progressive Web Apps, and what’s next for their AMP project. (Sorry for the blurry photo, was using an old iphone when I took this).
It was a full day of learning the benefits of AMP pages and a few hours of code alongs which you can check it out through the following links:
- Convert HTML to AMP
- Add advanced AMP features
- Beautiful, interactive, canonical AMP pages
- Create interactive AMP pages
- Progressive Web AMPs
The Washington Post is an example of a company that had converted their website to AMP and claims an increase in returning users from mobile searches by 23%, 88% improvement in load time for AMP content versus the traditional mobile web and publishes more than 1000+ articles in AMP html daily.
With today’s generation being more and more on mobile platforms, I definitely see AMP becoming a standard in web development in the future.
NOTE: AMP is still relatively new and not all features are supported by all browser. There’s still a long way to go before this becomes a standard for web development but with with the help of the web development community, I hope it succeeds and make a lot of sites more mobile friendly.
To learn how to develop AMP pages, you can check out www.ampbyexample.com.