AMPifying Your Drupal 8 Site : Higher Performance And Higher Engagement

In this session, we will cover, the comparison between AMP and non-AMP sites and how we can add AMP to an existing Drupal 8 site.

In this session, we will discuss below things

What is 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 to 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 to 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 a 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 an 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