Home

Accelerated Mobile Pages (AMP)

Background

Accelerated Mobile Pages, a Google-backed project designed as an open standard for any publisher to have web pages load quickly on mobile devices. It also provide web developers a straight forward option to create web pages on varied platforms.

Challenge

One of our clients has facing a lot of performance issues in terms of page loads and DOM manipulations at the front-end of a web application. These issues are due to large JavaScript content (written and including third party libraries). In general, this can be done by optimizing the page loads and removing/changing existing code. With AMP, we can produce the fast loading web pages by converting the mobile web pages to AMP.

What is AMP?

AMP is an open source library that provides a straightforward way to create web pages that are compelling, smooth and load near instantaneously for users.

AMP is built with three core components,

  • AMP HTML – It is a standard HTML with web components
  • AMP JS – This manages the resource loading
  • AMP Cache – This serves and validates AMP pages; Google's AMP Cache, stores the AMP pages and delivers quickly which results in fast rendering experience

Solution

As per our client’s pain point on web pages load performance, we had proposed AMP and created their homepage with AMP, redirecting the user to that web page if the channel is mobile. We used AMP components to implement the existing functionality from mobile site. There are guidelines and rulesets from AMP like no JavaScript, external links are allowed and CSS content shouldn't exceed the limited size.

By restricting the JavaScript and improper coding, AMP has achieved good performance in terms of web pages loading and SEO.

Results/Benefits

  • We have successfully implemented AMP for one of our clients, converted their mobile/responsive home page which further yielded impressive results for our client
  • When a user access the web application from a mobile device, AMP acts and loads the pages instantly from Google's cache, resulting in exceptional experience to the user
  • Publishers and advertisers can decide the best way to present the content, all while maintaining and improving key performance indicators