Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Accelerated Mobile Pages: Faster Content + Open Distribution By Dave Besbris

9,645 views

Published on

From the SMX West Conference in San Jose, California, March 1-3, 2016. SESSION: Getting AMPed: What You Need To Know About Accelerated Mobile Pages & Google. PRESENTATION: Accelerated Mobile Pages: Faster Content + Open Distribution - Given by Dave Besbris, @google - Google, Vice President of Engineering. #SMX #11A

Published in: Mobile
  • Nice !! Download 100 % Free Ebooks, PPts, Study Notes, Novels, etc @ https://www.ThesisScientist.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Should you ever require the services of a hacker, i implore you to try your very best to hire only professionals. cyberhackpros@gmail.com will increase your chances of getting your job completed. i was able to hire the services of an elite, asides the fact that i was provided a permanent solution to the service he rendered me but he gave a very efficient customer experience. he carried me along with every process and didnt leave me in the dark.contact him via email/phone CYBERHACKPROS@GMAIL.COM or +1 916 378 4978 Tell him i reffered you.He will help you
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Accelerated Mobile Pages: Faster Content + Open Distribution By Dave Besbris

  1. 1. #SMX #11A @tweetbez Faster Content + Open Distribution Accelerated Mobile Pages
  2. 2. #SMX #11A @tweetbez AMP-HTML on Google Search driving content discovery
  3. 3. #SMX #11A @tweetbez ▪  Articles are cached and load instantly ▪  Publishers have control over visual design and business model ▪  Supports existing ad formats ▪  Deepen engagement with related articles Reading Experience using AMP-HTML
  4. 4. #SMX #11A @tweetbez Accelerated Mobile Pages Web pages, today Accelerated Mobile Pages
  5. 5. #SMX #11A @tweetbez What is AMP? HTML5 (AMP HTML) JavaScript (AMP JS) CSS3 (Custom styling) Global Proxy Cache (AMP Cache)
  6. 6. #SMX #11A @tweetbez How does publishing work? AMP-HTML Ad revenue and analytics HTML Sped up by the AMP Cache CMS
  7. 7. #SMX #11A @tweetbez Your website... Local copy of your assets Without the AMP cache With the AMP cache Web server Web server Edge server Edge server Edge server Edge server Edge server Edge server Edge server
  8. 8. #SMX #11A @tweetbez ▪  Typically a separate companion file referenced via link tag on a site’s current article page ▪  Open-source framework and common set of building blocks replacing one off Javascript ▪  All content including ads needs to be HTTPS hosted How AMP Works COMPONENT CALLS Twitter Instagram Maps Ads more... Accelerated Mobile Pages Cached Runtime Libraries HTML CSS
  9. 9. #SMX #11A @tweetbez ▪ Smart content prioritization – Prefetching the elements – No relayout – Asynchronous load ▪ Responsive design – Always get the best image for your screen (full srcset support) ▪ Limited by design – No custom Javascript except in amp-iframe – No scrolling elements on the page – Max 50kB inline stylesheet AMP Features COMPONENT CALLS Twitter Instagram Maps Ads more... Accelerated Mobile Pages Cached Runtime Libraries HTML CSS
  10. 10. #SMX #11A @tweetbez Join the AMP Initiative 1 EXPLORE Review the technical documentation Connect with the AMP engineering community on GitHub and StackOverflow 2 DEVELOP & TEST Start developing your AMP files and validate them 3 LAUNCH Point to AMP files from your canonical articles to make them publicly crawlable.
  11. 11. #SMX #11A @tweetbez SEE YOU AT THE NEXT #SMX THANK YOU!

×