What is Accelerated Mobile Pages?

AMP(Accelerated Mobile Page) is an open-source HTML framework which is launched by Google in 2016. It helps to create fast-loading mobile-optimized web pages.

The AMP Project aims to “build the future web together”. It allows you to create fast, beautiful loading ads and web pages across different platforms.

Accelerated Mobile Pages (AMP pages)

As we are seeing the demand for mobile phones is very large as compared to desktops or laptops. According to some sources, India has over 1.2 billion mobile phone users that’s why good organizations start focusing on mobile phones first.

So a question comes to mind how we can increase performance and user experience on mobiles? Let’s discuss about the Accelerated Mobile Pages (AMP) approach with some examples.

Table of Content

  • What is Accelerated Mobile Pages?
  • History of AMP pages
  • How AMP is improving performance?
  • How AMP Works?
  • AMP HTML
  • AMP JavaScript
  • AMP Cache
  • Difference
  • Difference between the codes

Similar Reads

What is Accelerated Mobile Pages?

AMP(Accelerated Mobile Page) is an open-source HTML framework which is launched by Google in 2016. It helps to create fast-loading mobile-optimized web pages....

History of AMP pages

In October, 2015 Google, along with other major technology companies like Twitter, LinkedIn, and Pinterest, announced the AMP project. The initiative aimed to improve the performance of mobile web pages by providing a framework that enables the creation of lightweight and fast-loading pages....

How AMP is improving performance?

AMP improves performance by employing a streamlined version of HTML, CSS, and asynchronous loading of JavaScript. The simplified code structure reduces unnecessary elements and prioritizes essential content, leading to faster page load times. Additionally, AMP utilizes a content delivery network (CDN) to cache and pre-render pages, further enhancing speed....

How AMP Works?

As we all know, a normal web page is built on three pillars...

AMP HTML

AMP HTML is just a normal HTML file along with certain restrictions. Most of the tags used in normal HTML files will remain the same in AMP HTML....

AMP JavaScript

AMP JS library is mostly responsible for the fast loading of AMP pages. It implements all the best practices like inline CSS, font triggering, and custom HTML components. It does not allow you to load third-party JavaScript. It loads everything asynchronously so that nothing can increase speed. It provides lightweight frameworks and components to quickly build webpages without writing JS....

AMP Cache

AMP pages are served using Google AMP cache. It is a proxy-based content delivery network. It lets your site load multiple parts from different servers at once. It allows users to load your site from the nearest server. To maintain maximum efficiency it uses HTTP 2.0 to load documents, all images, and JS files from the same origin....

Difference

AMP Webpage...

Difference at Code Level

AMP Webpage code structure...

Contact Us