Accelerated Mobile Pages is an Open Source Initiative to overcome the slow and frustrating experience of web pages and to provide fast mobile experience. Google together with other publishers and technology companies found this solution – AMP Project to bring the whole internet to your mobile really fast – be it images or videos. AMP is a fantastic approach to make mobile web faster.

amp - logo

How does AMP work?

AMP basically has three components:

  1. AMP HTML – subset of HTML designed to create “reading” contents than interactive contents. This strips out most of the elements that make the app pages load slow in mobile devices.
  2.  AMP JS – strips down third party JavaScript and manages resource handling and asynchronous loading.
  3.  AMP CDN (Content Delivery Network) – Cache and optimize AMP enabled pages for better performance.

amp1

Pros and Cons of AMP

 Pros:

    • Instant speed
    • Increased performance and reliability
    • Increased customer visits
    • Excellent support for ads
    • Improved ranking

Cons:

    • Rewrite your template to accommodate the restrictions (like, CSS must be inline and less than 50 KB).
    • Custom amp-imp element must be used for images and width and height must be included explicitly.
    • Custom tag amp-video must be used to embed videos via HTML 5. Amp-YouTube must be used to embed YouTube videos.

AMP – Good or bad?

Performance is really crucial for a website to be successful. If the web pages cannot load fast, user will simply will leave your website and try somewhere else. AMP provide the free flow of information and works faster and better for everyone and everywhere. However, it comes with the cost of removing sometimes your most desired piece of code because AMP does not allow some form elements and third party JavaScript as these really slows down your pages. Therefore, for the developers who are interested in exposing their website features to the fullest, rather than relying on stripped down version of their code, there are so many performance gauging tools available online that provide recommendations on how to improve performance. It provide you list of blocking JavaScript files, large sized images, resources requesting for HTTPS connection, the order of display of items in your web page and every other information that is required to improve your website’s performance.

Instead of using AMP to shorten your piece of code, focus on finding slow areas that affect your app performance and think of ways to fine tune and optimize your code. You won’t end up displaying the stripped down version of your code and can utilize the power of your website to its fullest. In other words, AMP is not of much importance for developers who aim for code optimization and for those who are not interested in integrating a third party concept to their code.

amp2

Susan B. John