Accelerated Mobile Pages often abbreviated as AMP are HTML pages stripped of many features that can hinder speed of the pages. They can also be described as a diet version of existing HTML website pages. Websites can offer AMP pages by implementing the rel=amphtml tag into their HTML. Pages with AMP code get stepped up with a three step AMP configuration.
HTML: Stripped down HTML copy with unique tags and markup
Java Script: Used to fetch resources and removed of unnecessary features
CDN: An optimized network to cache pages and adopt AMP code immediately
The effect of all these shows in webpage loading time. The webpage loads almost a second earlier as Google also promotes this functionality by preloading AMP documents through a single iFrame.
Researchers have found that AMP made Pinterest load 43% faster. Here are the 15 things that got the boost:
- The critical rendering path gets a better flow
- AMP users had fewer requests, especially images
- AMP is designed to cope with Java Script failure
- Extensions and embeds work well without thwarting render
- Java script from outside not allowed yet
- All CSS things are made to incline with HTML. No requests for external .css files are made to avoid round trip
- CSS is limited to 50 kilobytes, only 50,000 characters allowed
- Lazy loading activated and prefetches lazy loaded resources
- Runs only GSU-accelerated CSS animations
- Fonts have no https requests
- AMP decides the position of the resources in advance according to preset sizes
- Optimizes downloads in a way that resources download first
- Uses extensive resource hinting
- Google AMP cache validates AMP things in advance
Now that you know how AMP accelerates things, the question arises whether you should opt for it or not. Well! The answer to this question is never easy, same as the implementation of AMP.
First of all, AMP is served only when user clicks on AMP webpage and 77% of the time it doesn’t happen according to research. Second, AMP takes away many of the UX features from your webpage which may hamper the creativity you showed on it.
AMP is designed for one and only one thing, that is speed. If you want to accelerate your mobile pages to catch the user first simply with content then AMP is the right choice for you. And in case you need expert advice, you can always contact us on www.ninegrapes.com or call: 01128521030.