If you haven’t been following along, Accelerated Mobile Pages (AMP) are the new way to drastically decrease the load times of your website on mobile. Officially launched in October of 2015, this new technique promises to increase the performance of video, maps, animations and other graphics.
The kicker: most major publishers are already on board and it’s likely you’ve seen it in action.
Twitter, Pinterest, WordPress.com, Chartbeat, Parse.ly, Adobe Analytics and LinkedIn are among the first group of technology partners planning to integrate AMP HTML pages.
Accelerated Mobile Pages (AMP) are set to use up to 10 times (10x) less data than a standard page and load up to 85% faster. How?
How it Works
I won’t get into the technical implementation as that is outside of the scope of this article but you can find more info via the AMP initiative website. All of the tools and resources you’ll need are there.
That said — Accelerated Mobile Pages (AMP) work in the following ways:
- Ads are removed and placed into iFrames so they don’t directly affect the load time of the content the user came there for. The ads are also given a lower priority so they load after the content has.
- CSS is still available for use so your general presentation can remain the same (yay!). There are some best-practice enforcements, though.
The Major Benefit
I’ll begin with the statistic that drew most of you to this article:
early partners… are seeing performance improvements measured through Speed Index between 15% and 85%.
That is an amazing metric. With an 85% performance improvement for your mobile site — you can now almost guarantee that your website will load “lightning fast”… Alright well maybe not that fast, but it sounds cool, right?
As 47% of consumers expect a load time to be 2 seconds or less, it’s something worth considering. Every second (yes, only one second) can result in a 7% loss in conversions. Don’t be that company.
For those of you who are intrigued by this idea, I encourage you to keep reading on as there is a good amount of literature on AMP already out there. This video is a good place to start:
For those of you who want to actually read something, here is what I would recommend (in order):
- https://googleblog.blogspot.com/2015/10/introducing-accelerated-mobile-pages.html (everyone)
- https://www.ampproject.org/docs/get_started/about-amp.html (everyone)
- https://www.ampproject.org/how-it-works/ (for the more technical crowd)
- https://www.ampproject.org/docs/get_started/create.html (for the more technical crowd)
- http://www.androidheadlines.com/2016/08/tech-talk-google-amp-vs-facebook-instant-articles.html (for marketers)
Have something you think I may have missed? Feel free to leave comments below.