By now, if you do any mobile browsing whatsoever, you’ve likely come across the little AMP lightning bolt in your mobile search results. Accelerated Mobile Pages (AMP for short) is an open-source project championed by Google with partners including Twitter, LinkedIn and Pinterest (amongst a growing number of others). The basic aim of this project is to improve the mobile web browsing experience.
Back in 2015, an increasing number of in-app publishing platforms looked to seize portions of the mobile content browsing market (FB Instant Articles and Apple News to name a couple) by delivering faster, cleaner experiences than could be had via regular search methods. With the obvious speed and ease-of-use advantages apps provide, some of the heavy hitters in the mobile web industry decided it was time to come up with a way to keep the mobile web browsing experience on a par with apps or risk losing users who got sick of lengthy page load times (let's be honest, there's not many of us today who retain much affection for those blank screens, spinning circles and rotating hour glasses). According to Google “53% of mobile site visits are abandoned if pages take longer than 3 seconds to load.” Thus was born the impetus for the AMP project and its goal of near-instant page loads.
How do AMP pages work?
In addition to the optimised page code, AMP pages also utilise caching to assist in improving page load speed. Google (or another 3rd party host such as Cloudflare) stores copies of AMP pages to facilitate swift retrieval as well as enabling pages to be checked for compliance with AMP standards before being endorsed as AMP pages. To retrieve the relevant page, instead of having to navigate to the servers you use to host your site, Google already has a copy of your page available. It knows exactly where to find it, how big it is and its layout thereby minimising resource and time intensive browser recalculations, additional server requests and the like.
Page loading is also optimized in numerous other ways including prioritizing the loading of content above the fold, loading elements and scripts in parallel (to prevent one from delaying the loading of others) and partially preloading pages that are likely to be clicked on by a user following a search. Your users can therefore get to reading the content they’re after almost instantaneously while the other page elements are loaded in the background.
Sacrifices had to be made!
You’re also limited in the amount of CSS you can use (up to 50 kilobytes) and how you use it (inline only), while not all HTML elements are valid for use in AMP pages (though a growing number of customised AMP HTML alternatives exist).
Sounds tricky… fear not, help is at hand
While there’s no way around the fact that you will need to change some code on your pages (or create AMP versions of them) if you want them to meet AMP standards, you’re not flying blind. The AMP project has made a point of trying to minimise barriers to adoption with extensive documentation and initiatives such as the AMP Validator, AMP By Example and AMP Start templates along with numerous others to help make implementing AMP pages as painless as possible.
But what about my data?
Well I’m glad you asked! Understanding user behaviour has become an increasingly important tool in enabling websites to better serve their users as well as meet their business goals. Facilitating the analysis of user behaviour was an early priority for the AMP Project with amp-analytics being introduced to enable this.
Here at Merkle|Periscopix we’ve a great deal of experience with all kinds of different website tracking solutions but the obvious candidate for tracking AMP pages at present, in our opinion, is Google Analytics tracking via Google Tag Manager. GTM has introduced a specially tailored container just for AMP pages which maintains the simplicity and user-friendly features we’ve come to know and love in GTM but with a specific focus on AMP pages. We therefore feel it’s the perfect tool to get the most out of your AMP interaction tracking.
If you’re thinking of delving into the world of AMP pages and would like a little friendly advice on how best to go about getting high quality data from them we’d be more than happy to help. Setting up accurate, robust tracking solutions is one of the things we do best so please get in touch.