Amp up your Site with Accelerated Mobile Pages

by Brian McKeiverCo-Owner & Kentico MVP at BizStream

AMP up your Site with Accelerated Mobile Pages

Goals

1. What the heck is AMP?

2. AMP Basics and Extended

3. What’s the Future

When you see this…

Let’s talk about this over a beer

Why AMP? Why Now?

Started by Google, to try and fix a problem

…How do we fix this?

Let’s face it mobile browsing sucks:• It is too slow• At times, it is hard to use• Responsive is abused too

much

AMP (the idea)Let’s put the DOM on a diet

• Reduce the viable html tags• Eliminate external CSS requests

and <style />• Eliminate loading 50 JavaScript

libraries per page• Stop having the browser doing

too much math

Accelerated Mobile Pages (the solution)

Demo time

+

How Do I know It Worked?AMP has a built in validator / development mode

Simply add to any amp page URL:

#development=1

Extended AMP

These components

make up for the markup

limitations.

More are coming

ASP.NET GotchasThe <form> tag is not allowed in AMP.

Bye bye Web forms!

For the MVC Fans out thereAMP boilerplate syntax is all about @ character(which makes Razor ANGRY)

Visual Studio 2015Intellisense does not like it so much

Tools / How to Get Startedhttp://AMPProject.org/

Github repoAMP boilerplateAMP docs

http://g.co/AMPDemoGoogle has a preview search results page

Google Search Console AMP Error Reports

Proper SEO Still MattersOn the AMP page:<link rel="canonical" href=“http://www.news-site.com/article.html" />

On the full version of the page:<link rel="amphtml" href=“http://www.news-site.com/amp/article.html" />

Schema.org still applies heavily

Short Term FutureLaunch Partners:

(has an AMP plugin already)

Future Vision• Google’s plans are the eventually cache the entire

page on their servers and cdns, making it super fast.

• This is started by Google right ? (Ad Revenue)

• They want the pages to load faster, so Ads loads faster, so people tap them.

The Real Question

Google says AMP pages load 15 - 85% faster than standard mobile web pages.

Can a technology that is only a few months old really change the web?

Questions & Answers

?

Brian McKeiverCo-Owner & Kentico MVP, BizStreamPhone: (616) 481-1631 Web: www.bizstream.com Email: [email protected]

@mcbeev

www.linkedin.com/in/brianmckeiver

www.mcbeev.com