AMPifying your existing Drupal 8 Site

Drupal Username
anup.singh,sourdrup
Synopsis for Sessions

AMP:

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

  • AMP HTML

  • AMP JS

  • Google AMP Cache

  • Available AMP tags

  • AMPing your Drupal 8 site

  • Pros and Cons of AMP

  • Demo