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)


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
  • Login to see the comments

Accelerated Mobile Pages (AMP)

  1. 1. Accelerated Mobile Pages, Instant Ar4cles and Apple News @chrisburgess
  2. 2. Why?
  3. 3. Ref: hCp://
  4. 4. Ref: hCps:// 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.
  8. 8.
  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://
  11. 11. #development=1
  12. 12.
  13. 13.
  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://
  15. 15. Further Reading •  hCps:// •  hCps:// •  hCps:// amp-accelerated-mobile-pages/ •  hCp:// googles-accelerated-mobile-pages-amp/ •  hCp:// project-will-it-make-your-sites-faster--cms-25853 •  hCps:// •  hCps://
  16. 16. Thanks! J @chrisburgess