1.
Accelerated Mobile Pages,
Instant Ar4cles and Apple News
@chrisburgess chrisburgess.com.au

2.
Why?

3.
Ref: hCp://hCparchive.org/trends.php

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.
Enabling AMP on a WordPress Website

6.
+

7.
http://www.example.com/page-url/amp/

8.
http://www.example.com/page-url/amp/

9.
3 Core AMP Components
• AMP HTML
• AMP JS
• Google AMP Cache

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.
#development=1

12.
http://www.example.com/page-url/amp/#development=1

13.
http://www.example.com/page-url/amp/#development=1

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.
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.
Thanks! J
@chrisburgess chrisburgess.com.au