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 (AMP)

3,163 views

Published on

A basic overview of Accelerated Mobile Pages, Instant Articles and Apple News technologies - along with the steps on enabling and configuring AMP on a WordPress website. This talk was initially presented at the Melbourne SEO Meetup on the 1st of March 2016.

Published in: Marketing
  • Accelerated mobile pages has certainly helped save me a lot of time that could have been wasted waiting for web pages to load their content. This is desinitely one of Google's best projects till date. I am sharing an article on "Accelerated Mobile Pages (AMP) for Mobile-First Generation" https://goo.gl/bonFVZ
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Accelerated Mobile Pages (AMP)

  1. 1. Accelerated Mobile Pages, Instant Ar4cles and Apple News @chrisburgess chrisburgess.com.au
  2. 2. Why?
  3. 3. Ref: hCp://hCparchive.org/trends.php
  4. 4. Ref: hCps://en.m.wikipedia.org/wiki/List_of_Google_products Google Accelerated Mobile Pages (AMP) – an open source project and service to accelerate content on mobile devices.
  5. 5. Enabling AMP on a WordPress Website
  6. 6. +
  7. 7. http://www.example.com/page-url/amp/
  8. 8. http://www.example.com/page-url/amp/
  9. 9. 3 Core AMP Components •  AMP HTML •  AMP JS •  Google AMP Cache
  10. 10. AMP Rules •  Allow only asynchronous scripts •  Size all resources sta4cally •  Don’t let extension mechanisms block rendering •  Keep all third-party JavaScript out of the cri4cal path •  All CSS must be inline and size-bound •  Font triggering must be efficient •  Minimize style recalcula4ons •  Only run GPU-accelerated anima4ons •  Priori4ze resource loading Reference: hCps://www.ampproject.org/docs/get_started/technical_overview.html
  11. 11. #development=1
  12. 12. http://www.example.com/page-url/amp/#development=1
  13. 13. http://www.example.com/page-url/amp/#development=1
  14. 14. “If we had two ar-cles that from a signaling perspec-ve scored the same in all other characteris-cs but for speed, then yes we will give an emphasis to the one with speed because that is what users find compelling.” Richard Gingras, senior director, news and social products at Google Ref: hCp://searchengineland.com/google-to-launch-amp-in-search-results-february-24-2016-242902
  15. 15. Further Reading •  hCps://www.ampproject.org/ •  hCps://github.com/ampproject/amphtml •  hCps://yoast.com/sefng-up-wordpress-for- amp-accelerated-mobile-pages/ •  hCp://www.sitepoint.com/an-introduc4on-to- googles-accelerated-mobile-pages-amp/ •  hCp://webdesign.tutsplus.com/ar4cles/amp- project-will-it-make-your-sites-faster--cms-25853 •  hCps://instantar4cles.i.com •  hCps://developer.apple.com/news-publisher/
  16. 16. Thanks! J @chrisburgess chrisburgess.com.au

×