AMP is the abbreviation for Accelerated Mobile Pages. It is a method to build mobile-optimized content that loads instantly. It is an open source project and consists of three components:
AMP HTML : It is a subset of HTML with some restrictions and custom tags. This is done for reliable performance.
AMP JS : JS library ensures fast rendering of AMP HTML pages
Google AMP Cache : It is used to serve cached AMP HTML pages.
Why is AMP required?
Significant traffic on the internet comes from mobile. Hence, while searching or while accessing a site through mobile, the delay in page load is very frustrating. This eventually impacts whatever business the site is catering to. AMP is the solution for this problem.
How AMP Works?
Accelerated Mobile Pages, known as AMP, is a way of building websites based on the static content which has to render quickly. It's an answer for a trend that people use mobile devices to search the Internet more often.
AMP was created to affect the website loading time, so the bounce rate caused by slow loading should decrease, regardless of content accessibility (for mobile devices, PCs or laptops). People like when website is loading fast, because they don't want to wait for information needed - if the load time is high, they choose other sites for the needed information. This in turn is lost business.
In this session we will cover, the comparison between AMP and non-AMP sites and how we can add AMP to any existing Drupal 8 site.
Feature: Load pages in an instant
What we'll discuss:
What is AMP?
Site without AMP
Google AMP Cache
Available AMP tags
AMPing your Drupal 8 site
Pros and Cons of AMP