AcceleratedMobilePages,InstantAr4clesandAppleNews

@chrisburgess chrisburgess.com.au

Why?

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

Ref:hCps://en.m.wikipedia.org/wiki/List_of_Google_products

GoogleAcceleratedMobilePages(AMP)–anopensourceprojectandservicetoacceleratecontenton

mobiledevices.

EnablingAMPonaWordPressWebsite

+

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

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

3CoreAMPComponents

•  AMPHTML•  AMPJS•  GoogleAMPCache

AMPRules•  Allowonlyasynchronousscripts•  Sizeallresourcessta4cally•  Don’tletextensionmechanismsblockrendering•  Keepallthird-partyJavaScriptoutofthecri4calpath

•  AllCSSmustbeinlineandsize-bound•  Fonttriggeringmustbeefficient•  Minimizestylerecalcula4ons•  OnlyrunGPU-acceleratedanima4ons•  Priori4zeresourceloading

Reference:hCps://www.ampproject.org/docs/get_started/technical_overview.html

#development=1

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

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

“Ifwehadtwoar-clesthatfromasignalingperspec-vescoredthesameinallothercharacteris-csbutforspeed,thenyeswewillgiveanemphasistotheonewithspeedbecausethatiswhatusersfindcompelling.”RichardGingras,seniordirector,newsandsocialproductsatGoogle

Ref:hCp://searchengineland.com/google-to-launch-amp-in-search-results-february-24-2016-242902

FurtherReading•  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/

Thanks!J

@chrisburgess chrisburgess.com.au