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 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.