Embed Size (px)
Citation preview
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
