What is AMP (Accelerated Mobile Pages)?

If you’ve ever searched for content and interacted with the results on a mobile device, you’ve probably encountered AMP, or Accelerated Mobile Pages.

AMP is an open source framework developed by Google in collaboration with Twitter. Accelerated Mobile Pages create better, faster experiences on the mobile web. At its core, the framework allows you to build lightweight experiences for mobile by simplifying the HTML and following streamlined CSS rules.

AMP was originally considered to be developed in response to Facebook’s Instant Articles. However, over the years, it has become a powerful platform for delivering content directly from search results at almost lightening speed. Earlier this year, Google drew a line in the sand with the announcement that it will push for adding AMP technology framework to web standards.

How does AMP work?

Under the hood, AMP framework has 3 main parts.

  • AMP HTML: Think of AMP HTML as a leaner version of regular HTML. The AMP framework has strict rules for the HTML tags you can use. To ensure fast page load, certain HTML elements like forms are not allowed on AMP. AMP framework also requires that you use a streamlined version of CSS. View the full list of required HTML tags for AMP framework. None of this should be new if you are used to building web content using modern HTML and CSS.
  • AMP JS: To ensure fast page load on mobile platforms, AMP restricts the use of any Javascript. The only exception is for AMP scripts, which are optimized with page load acceleration in mind. What AMP takes away with JS, it provides with a library of easy-to-implement components. You can create animations, load content dynamically, modify layout, and more using AMP’s vast component library. (And don’t worry, there’s an AMP component for GDPR compliance, too.)
  • AMP CDN : Commonly known as AMP Cache, a critical component of AMP platform is its proxy-based content delivery network (CDN). The CDN fetches AMP content and caches it for fast delivery. By default, the AMP CDN caches all valid AMP content and does not provide an option to opt out. However, you can continue leveraging your own CDN provider on top of AMP cache to customize your content delivery configurations.
Like
Like Love Haha Wow Sad Angry
Sachin Sharma

Sachin Sharma

I am a programmer and Tech Enthusiast who loves to use my creative skills to solve complex problems.

You may also like...

1 Response

  1. 30th December 2018

    […] Read Also – What is AMP (Accelerated Mobile Pages)? […]

Leave a Reply

Your email address will not be published. Required fields are marked *