What is AMP and why they are used?

AMP stands for Accelerated Mobile Pages and is a framework that helps websites to deliver pages faster in mobile versions. It is not a ranking factor. John Mueller confirmed in May 2021 that amp is not a ranking factor.

Who created AMP and why?

It is an HTML framework that is free to use and was made by the AMP Open Source Project. Google first made it to compete with Apple News and Facebook Instant Articles. AMP is designed to work best on mobile devices and help pages load faster.

What are the Benefits of AMP?

There are several benefits to using AMP for your website. The most obvious is improved page load times, resulting in higher engagement and lower bounce rates. Additionally, AMP pages are more likely to rank higher in search engine results, as Google has stated that it favors mobile pages that load quickly.

How does AMP Works?

flowchart TD A[What is AMP?] B(AMP Framework) C(Simplifying Web Pages) D(Optimizing Key Components) E(Simplified HTML) F(Restricted CSS) G(Restricted JavaScript) H(Optimizing Images) I(Avoiding Third-Party Scripts) J(Smaller File Sizes) K(Compress Images) L(Avoiding Bloat) M(Focus on Native AMP Components) A --> B B --> C B --> D C --> E C --> F C --> G D --> H D --> I H --> J H --> K I --> L L --> M

AMP works by simplifying the structure of web pages and eliminating any elements that can slow down load times. This includes removing unnecessary HTML and CSS code, reducing the number of HTTP requests, and optimizing images and videos. The result is a web page that loads quickly and efficiently, even on slower mobile networks.

The Structure of AMP

The structure of an AMP page is designed to be as simple and streamlined as possible. It uses a limited set of HTML and JavaScript tags, with strict guidelines for their use. This helps to ensure that the page is lightweight and loads quickly.

Implementation of AMP

Implementing AMP on your website involves several key components, including AMP HTML, AMP Cache, and AMP JavaScript.

AMP HTML

AMP HTML is a subset of HTML that is designed to work with the AMP framework. It includes several custom tags that can be used to streamline the page and improve performance. Examples of these tags include <amp-img> for images and <amp-video> for videos.

AMP Cache

AMP Cache is a content delivery network that serves as a proxy for AMP pages. When a user clicks on an AMP link, the request is redirected to the AMP Cache, which serves a cached version of the page. This helps to improve load times and reduce server load.

AMP JavaScript

AMP JavaScript is a subset of JavaScript that is optimized for use with AMP pages. It includes several custom features, such as the AMP Runtime, which helps to ensure that the page loads quickly and efficiently.