1 of 32

The Accelerated Mobile Pages Project

Aiya Mukhamedsalova

Front-End Developer at Seek Asia

2 of 32

INTRODUCING MYSELF

Kazakhstan
Nomadic
Horse meat

�

2

3 of 32

HOW MANY OF YOU GET FRUSTRATED WHEN YOUR WEBSITE SPEED IS SLOW ?

4 of 32

HOW I CAN IMPROVE SPEED OF PAGES?

5 of 32

Of mobile sites take 10 second to load

75%

5

6 of 32

Of mobile site visitors leave after 3 seconds of load time

53%

6

7 of 32

more mobile ad revenue for sites that load in 5 seconds vs 19 seconds

2X

7

8 of 32

$2.5 million lost sales every year

9 of 32

But having mobile-friendly website is not enough

10 of 32

AMP

11 of 32

Strongest Users, supporters and Contributors to AMP

12 of 32

4 years of AMP

Oct 2015

170

Code Contributors

Oct 2019

850

Code Contributors

13 of 32

AMP was known as simplistic

14 of 32

15 of 32

AMP

October, 2015

Web framework
Developed by Google in collaboration with Twitter
Super Fast Mobile Web Pages
In response to Facebook Instant Article

15

16 of 32

How Does an AMP Work?

16

17 of 32

AMP HTML

Strict rules for HTML tags
Some HTML element not allowed
Streamlined version of CSS

18 of 32

AMP JS

Exception is for AMP scripts
Library of easy-to-implement components
Animation
Load content dynamically

19 of 32

AMP CDN

proxy-based content delivery network
no option to opt out
CDN provider on top of AMP cache to customize your content delivery configuration

20 of 32