introducing google’s accelerated mobile pages …...accelerated mobile pages sofia vadachkoria...

13
Introducing Google’s Accelerated Mobile Pages Project SOFIA VADACHKORIA Global Product Partnerships Google

Upload: others

Post on 07-Jul-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Introducing Google’s Accelerated Mobile Pages Project

SOFIAVADACHKORIAGlobal Product PartnershipsGoogle

Faster Content + Open DistributionAccelerated Mobile Pages

Sofia Vadachkoria & Ade Oshineye

of people abandon a website that takes more than 3 seconds to load40%

Performance

With the shift to mobile, the way we consume content has changed

So we need a solution that’s...

Fast Easy to implement Mobile Friendly

Embrace the open web

Gives strong Incentives

�⚡

g.co/ampdemo

Introducing

Accelerated Mobile Pages

Web pages, today Accelerated Mobile Pages

How does it work?

AMP-HTML

Ad revenue and analytics

HTML

Sped up by the AMP Cache

CMS

AMP Features

Smart content prioritizationPrefetching the elements

No relayout

Asynchronous load

Responsive designAlways get the best image for your screen (full srcset support)

Limited by designNo custom Javascript except in amp-iframe

No scrolling elements on the page

Max 50kB inline stylesheet

Page load time

Synchronous load

Page load time

Asynchronous load

Reading Experience using AMP-HTML

Articles are cached and load instantly

Publishers have control over visual design and business model

Supports ads

Open source

No contracts or financial terms needed

…..and ultimately across multiple Google surfaces in 2016.

Now On TapGoogle News Play NewsstandGoogle Now

Illustrative Mocks

Roadmap

Ready

Tech exploration on GitHub

In progress

Focusing on building support for ads, analytics, subscriptions, and more

H1 2016

As well as other Google platforms, as soon as we can provide a great experience on each

FrameworkAvailability

New Features & Functionality

Launch in Search

1 Connect with the AMP engineering community onGitHub: https://github.com/ampproject/amphtmlStackOverflow: http://stackoverflow.com/questions/tagged/amphtml

Join the AMP initiative!