How does Google AMP work?

Google AMP works to increase the loading speed of the site. When a user uses it, after opening the page of the site in a mobile device, only its necessary content will be loaded, which we can read and understand. It only shows the essential content.

It ignores all those things like- Title, words written in the article, and Heading etc., which cause problems in loading the website, so that you can easily open the page on mobile. Also called AMP Html, it is an open source framework. Pages of AMP are customized with Javascript and Css3, all its pages are cached.

Whenever AMP pages are enabled in the website and whenever you open the website, only the main content of the site is loaded, due to which the site loads fast. AMP is divided into three parts:

• AMP HTML
• AMP JS
• AMP Cache

Google amp works by minimising the code and adding similar code without additional code.
It removes unwanted code, scripts, empty tags, and uses lighter versions of embeds. It also minimses the css and serve a very light version of a normal page so it can be rendered fast on slow internet devices.

AMP promises to make mobile browsing up to 85% faster. Through a combination of optimizations and restrictions for HTML, JavaScript, and CSS; AMP pages load almost instantly. In place of author-written JavaScript, AMP-specific elements ensure speed and compatibility.

Page speed also improves with above-the-fold prioritization, specific AMP caches, and prerendering. Additionally, the use of small files and media, and a few resource requests from the server adds further speed improvements.

The optimizations in AMP will also make sure the layout of your pages always load correctly, even before images and iframes (for adverts) are loaded.

This is done by specifying the size of images and iframes in the HTML document (called "static layout"). And basically stops content moving around to fit the resources as they load.